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

最新资讯
库克发表署名文章:消费者不应忍受企业肆意收集信息

库克发表署名文章:消费

苹果CEO库克在《时代》杂志上刊发署名文章《你值得享
任正非:把我的“十宗罪”让18万员工去批判

任正非:把我的“十宗罪

任正非:我看心声社区一般只看批评,说好话的我就过滤过去
任正非:如果每天都战战兢兢,就根本跑不动了

任正非:如果每天都战战

任正非:“这个“战战兢兢、如履薄冰”,就是形容词,我们也
任正非答希望网友怎样看待华为:更多宽容心

任正非答希望网友怎样

科学家会提出很多新东西,可能是莫名其妙的,千奇百怪的想
任正非:外面变化没这么大影响 有信心做得比别人都好

任正非:外面变化没这

任正非表示,外面的变化对我们没有这么大的影响。因为我
供应链消息称苹果今年上半年推第五代iPad mini

供应链消息称苹果今年

台湾地区媒体今日援引行业人士的消息称,苹果公司今年上
最新文章
微信小程序CSS3动画下拉菜单效果

微信小程序CSS3动画下

这篇文章主要为大家详细介绍了微信小程序CSS3动画下拉
微信小程序使用swiper组件实现层叠轮播图

微信小程序使用swiper

这篇文章主要为大家详细介绍了微信小程序使用swiper组
微信小程序实现带缩略图轮播效果

微信小程序实现带缩略

这篇文章主要为大家详细介绍了微信小程序实现带缩略图
小程序实现五星点评效果

小程序实现五星点评效

这篇文章主要为大家详细介绍了小程序实现五星点评效果
微信小程序实现笑脸评分功能

微信小程序实现笑脸评

这篇文章主要为大家详细介绍了微信小程序实现笑脸评分
微信小程序自定义轮播图

微信小程序自定义轮播

这篇文章主要为大家详细介绍了微信小程序自定义轮播图