element ui 表格动态列显示空白bug 修复方法
更新时间：2018年09月04日 17:14:03 作者：zjw0742
今天小编就为大家分享一篇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 修复方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue服务端渲染操作,结合简单实例形式分析了vue.js服务端渲染操作的原理、实现方法及相关操作注意事项,需要的朋友可以参考下2019-08-08
vue是一套用于构建用户界面的渐进式框架，本文通过实例给大家介绍了vue入门教程适用小白初学者，非常不错，具有参考借鉴价值，需要的朋友参考下吧2018-04-04
这篇文章主要介绍了Vue项目webpack打包部署到服务器的实例详解的相关资料,需要的朋友可以参考下2017-07-07
这篇文章主要介绍了vue实现组件之间传值功能,结合实例形式分析了vue.js父子组件之间相互传值常见操作技巧,需要的朋友可以参考下2018-07-07
Print.js一个小的javascript库,可帮助您从网络上打印,这篇文章主要给大家介绍了关于printJS打印问题汇总以及解决办法的相关资料,文中介绍的非常详细,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了VUE在线调用阿里Iconfont图标库的方法,内容是围绕VUE前端和阿里Iconfont图标库展开的，经历了从网站上东拼西凑图标的时代，大概是15~16年左右我开始解除阿里Iconfont图标库，刚开始就只会下载图标使用，需要的朋友可以参考下2021-10-10
记录一下踩坑,前几天从同事手上接手了一个Vue的项目,下面这篇文章主要给大家介绍了关于VUE项目运行失败原因及解决办法的相关资料,本文以vscode为例,需要的朋友可以参考下2023-06-06
这篇文章主要为大家详细介绍了vue+canvas绘制时间轴的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要为大家详细介绍了vue2如何实现点击预览本地的word、excle、pdf文件,感兴趣的小伙伴可以跟随小编一起学习一下2024-04-04
这篇文章主要介绍了Vue项目导入导出文件功能以及导出文件后乱码问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
最新评论