当前位置： 移动技术网 > IT编程>脚本编程>vue.js > element ui 表格动态列显示空白bug 修复方法

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

2018年09月21日  | 移动技术网IT编程  | 我要评论

莱阳人力资源和社会保障局,中星6号最新参数,吴玟萱整容前后

在使用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);
 }

动态列问题解决！

以上这篇element ui 表格动态列显示空白bug 修复方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网