返回介绍

136.前端开发坑-一定要注意

发布于 2020-09-14 22:20:38 字数 2622 浏览 1720 评论 0 收藏 0

混入JS的坑 JeecgListMixin.js

jeecgboot 为了简化前端vue列表页面的代码,采用混入的方式抽取了共通JS

  • 代码位置
ant-design-jeecg-vue/src/mixins/JeecgListMixin.js
  • Vue混入概念介绍)

  • 坑在这里 混入JeecgListMixin.js里面实现了created方法,里面实现了列表的初始化数据加载和字典初始化加载;如果你在自己的页面也实现created() ,里面也有this.loadData()方法,就会导致页面初始化的时候,请求两次数据接口。

如何规避这个问题:如果使用了混入JS,务必注意在自己的vue页面里面,不用在调用下面的两个方法。

created() {
  this.loadData();
  //初始化字典配置 在自己页面定义
  this.initDictConfig();
},
  • 如果你的项目已经开发完成,如何查那些页面存在自己实现了加载。可以通过IDEA工具,全文正则搜索 created\(\) \{\n.*this\.loadData\(\)\;,找到调用初始化代码删掉(提醒: 如果你的列表页面没采用混入写法,可不要删这块逻辑代码)

如何实现列表字段换行

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文