element ui 表格动态列显示空白bug 修复方法
时间：2021-04-22 09:12:02|栏目：vue|点击： 次
在使用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);
}
动态列问题解决！
上一篇：简单理解Vue条件渲染
栏 目：vue
下一篇：浅谈vue中关于checkbox数据绑定v-model指令的个人理解
本文标题：element ui 表格动态列显示空白bug 修复方法
本文地址：http://www.codeinn.net/misctech/106431.html
