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

最新资讯
品钛登陆纳斯达克:收盘较发行价涨5.12%

品钛登陆纳斯达克:收盘

开盘价14.35美元,相较于发行价11.88美元上涨20.79%。此
Snap第三季度营收创纪录 净亏损同比收窄

Snap第三季度营收创纪

Snap第三季度营收为2.977亿美元,与去年同期的2.079亿美
英特尔第三季度营收192亿美元 净利同比增42%

英特尔第三季度营收19

英特尔第三季度营收为191.63亿美元,与去年同期的161.49
亚马逊第三季度营收566亿美元 净利同比飙升10.3倍

亚马逊第三季度营收56

亚马逊第三季度净利润为28.83亿美元,与去年同期的净利
谷歌母公司Alphabet三季度营收337亿美元 净利增37%

谷歌母公司Alphabet三

Alphabet第三季度总营收为337.40亿美元,比上年同期的27
微软财报超预期 云业务正将其带进万亿俱乐部

微软财报超预期 云业

传统的云业务之外,微软也在将其平台下所有业务整合为云
最新文章
vue中引用swiper轮播插件的教程详解

vue中引用swiper轮播

这篇文章主要介绍了vue中引用swiper轮播插件的方法,在
JS实现的视频弹幕效果示例

JS实现的视频弹幕效果

这篇文章主要介绍了JS实现的视频弹幕效果,涉及javascr
jQuery实现的页面弹幕效果【测试可用】

jQuery实现的页面弹幕

这篇文章主要介绍了jQuery实现的页面弹幕效果,涉及jQu
深入理解Vue 组件之间传值

深入理解Vue 组件之间

这篇文章较详细的给大家介绍了vue组件之间传值的方法,
bootstrap实现点击删除按钮弹出确认框的实例代码

bootstrap实现点击删

本文通过实例代码给大家介绍了bootstrap实现点击删除
详解vue移动端项目的适配(以mint-ui为例)

详解vue移动端项目的

这篇文章主要介绍了详解vue移动端项目的适配(以mint-u