# 前端技巧与坑 [TOC] ## 混入JS的坑 JeecgListMixin.js > jeecgboot 为了简化前端vue列表页面的代码,采用混入的方式抽取了共通JS * 代码位置 ``` ant-design-jeecg-vue/src/mixins/JeecgListMixin.js ``` * [Vue混入概念介绍]([https://www.jianshu.com/p/c34a30cc4e6f](https://www.jianshu.com/p/c34a30cc4e6f)) * 坑在这里 混入JeecgListMixin.js里面实现了created方法,里面实现了列表的初始化数据加载和字典初始化加载;如果你在自己的页面也实现created() ,里面也有this.loadData()方法,就会导致页面初始化的时候,请求两次数据接口。 > 如何规避这个问题:如果使用了混入JS,务必注意在自己的vue页面里面,不用在调用下面的两个方法。 ~~~ created() { this.loadData(); //初始化字典配置 在自己页面定义 this.initDictConfig(); }, ~~~ * 如果你的项目已经开发完成,如何查那些页面存在自己实现了加载。可以通过IDEA工具,全文正则搜索 `created\(\) \{\n.*this\.loadData\(\)\;`,找到调用初始化代码删掉(提醒: 如果你的列表页面没采用混入写法,可不要删这块逻辑代码) ## 如何实现列表字段换行