今天小编就为大家分享一篇element ui 表格动态列显示空白bug 修复方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

在使用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 修复方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持爱安网。

最新资讯
《三体》大IP矩阵再出击 耗资超千万舞台剧水土不服?

《三体》大IP矩阵再出

在电影被无限搁置的情况下,舞台剧成为《三体》IP矩阵中
称手游《奇迹封神》抄袭 上海天銮诉百度等索赔300万

称手游《奇迹封神》抄

上海天銮网络技术有限公司称,认为对方手机游戏《奇迹封
中国联通A股第一季度营收731.47亿元 同比下降2.39%

中国联通A股第一季度

中国联通A股(600050.SH)发布了第一季度财报。财报显示,中
中国航天日|这些航天趣闻你知道吗?

中国航天日|这些航天

当然不会,因为航天员是睡在专用睡袋里的,只要将睡袋固定
进入“一元”股时代 乐视网连续三个交易日跌停

进入“一元”股时代

乐视网盘中连续第三个交易日跌停,截至发稿,收于1.83元/
郭台铭参选2020 台金管会要求做好接班人咨询揭露

郭台铭参选2020 台金

顾立雄今早受访并指出,现在对于任何集团在创业第一代有
最新文章
JavaScript解析及序列化JSON的方法实例分析

JavaScript解析及序列

这篇文章主要介绍了JavaScript解析及序列化JSON的方法
如何为vuex实现带参数的 getter和state.commit

如何为vuex实现带参数

这篇文章主要介绍了如何为vuex实现带参数的getter和st
使用VUE+iView+.Net Core上传图片的方法示例

使用VUE+iView+.Net C

这篇文章主要介绍了使用VUE+iView+.Net Core上传图片
JS实现的获取银行卡号归属地及银行卡类型操作示例

JS实现的获取银行卡号

这篇文章主要介绍了JS实现的获取银行卡号归属地及银行
Angular6 用户自定义标签开发的实现方法

Angular6 用户自定义

这篇文章主要介绍了Angular6 用户自定义标签开发的实
React 实现拖拽功能的示例代码

React 实现拖拽功能的

这篇文章主要介绍了React 实现拖拽功能的示例代码,小编