前端开发坑（一定要注意）
最后更新于：2022-04-02 07:15:05
# 前端技巧与坑
[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\(\)\;`，找到调用初始化代码删掉（提醒： 如果你的列表页面没采用混入写法，可不要删这块逻辑代码）
## 如何实现列表字段换行
';