# 前端技巧與坑 [TOC] ## 混入JS的坑 JeecgListMixin.js > jeecgboot 為了簡化前端vue列表頁面的代碼，采用混入的方式抽取了共通JS * 代碼位置 ``` ant-design-jeecg-vue/src/mixins/JeecgListMixin.js ``` * [Vue混入概念介紹](https://cn.vuejs.org/v2/guide/mixins.html) * 坑在這里 混入JeecgListMixin.js里面實現了created方法，里面實現了列表的初始化數據加載和字典初始化加載；如果你在自己的頁面也實現created() ，里面也有this.loadData()方法，就會導致頁面初始化的時候，請求兩次數據接口。 > 如何規避這個問題：如果使用了混入JS，務必注意在自己的vue頁面里面，不用在調用下面的兩個方法。 ~~~ created() { this.loadData(); //初始化字典配置 在自己頁面定義 this.initDictConfig(); }, ~~~ * 如果你的項目已經開發完成，如何查那些頁面存在自己實現了加載。可以通過IDEA工具，全文正則搜索 `created\(\) \{\n.*this\.loadData\(\)\;`，找到調用初始化代碼刪掉（提醒： 如果你的列表頁面沒采用混入寫法，可不要刪這塊邏輯代碼） ## 如何實現列表字段換行