element ui 表格动态列显示空白bug 修复方法
在使用elementui框架进行项目开发的时候，表格的列是根据后台数据动态生成的，但是发现在列刷新的视乎，会出现表格完全空白，没有显示的情况，经过自己编写demo发现，在增加列的情况下表格正常，但是一旦表格列减少时就会出问题，对element底层代码进行调试发现，在node_modules/element-ui/lib/elementui.common.js中的一个函数。
removeColumn:functionremoveColumn(states,column){
var_columns=states._columns;
if(_columns){
_columns.splice(_columns.indexOf(column),1);
}
这个函数中_columns是一个数组，column是一个对象，当indexOf匹配不到的时候，返回-1，但是splice函数会执行删除操作，所以必须加入判断。
removeColumn:functionremoveColumn(states,column){
var_columns=states._columns;
if(_columns.indexOf(column)!=-1){
_columns.splice(_columns.indexOf(column),1);
}
动态列问题解决！
以上这篇elementui表格动态列显示空白bug修复方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
8 祝福语简短的微信
10 20春节祝福语大全简短
11 生日祝福语对妈妈简短
12 元旦英文祝福语大全简短
13 女孩结婚祝福语大全简短
14 谢谢学校老师祝福语简短
15 校庆祝福语简短独特
16 中秋祝福语简短女朋友
17 送男友2026祝福语简短
18 生日祝福语简短霸气男