element ui 表格动态列显示空白bug 修复

来源:互联网 发布:三星3g网络修复软件 编辑:程序博客网 时间:2024/06/02 04:53

在使用element ui框架进行项目开发的时候,表格的列是根据后台数据动态生成的,但是发现在列刷新的视乎,会出现表格完全空白,没有显示的情况,经过自己编写demo发现,在增加列的情况下表格正常,但是一旦表格列减少时就会出问题,对element底层代码进行调试发现,在node_modules/element-ui/lib/elementui.common.js 中的一个函数

removeColumn: function removeColumn(states, column) {  var _columns = states._columns;  if (_columns) {    _columns.splice(_columns.indexOf(column), 1);  }

这个函数中_columns是一个数组,column是一个对象,当indexOf匹配不到的时候,返回-1,但是splice函数会执行删除操作,所以必须加入判断


removeColumn: function removeColumn(states, column) {  var _columns = states._columns;  if (_columns.indexOf(column) != -1) {    _columns.splice(_columns.indexOf(column), 1);  }


动态列问题解决




原创粉丝点击