element ui 表格动态列显示空白bug 修复方法
2018-09-04 17:14
387 查看
在使用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 修复方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- element ui 表格动态列显示空白bug 修复
- duilib 修复CTreeViewUI控件动态添加子控件时,对是否显示判断不足的bug
- JS动态显示表格上下frame的方法
- Ultra-Pull-To-Refresh动态添加View不能正常显示BUG解决方法
- ListView 在getView()中设置一个item中的TextView的动态显示出现其它的也显示的bug解决方法
- table表格 列表 显示边框 解决之间的空白方法
- duilib 修复CTreeViewUI控件动态添加子控件时,对是否显示判断不足的bug
- 修复Bug,刷新无法动态显示数据库内容
- 修复打开或关闭Windows功能框显示空白问题的方法
- android 针对于GridView中的getView方法的bug,使用本地缓存来处理图片显示的问题
- Firefox返回时Iframe的显示Bug的解决方法
- [置顶] Android 6.0 设备上RecyclerView只显示一行的Bug修复
- duilib修复ActiveXUI控件bug,以支持flash透明动态背景
- table表格js简单操作隐藏与显示出现结构错乱解决方法
- HTML表格在IE中值为空时不显示表格边框的解决方法
- 关于dorado框架datatable处的右键菜单无法根据具体数据实现动态分别显示不同菜单的解决方法
- JS实现动态生成html table表格的方法分析
- 解决用C#写的窗体应用程序向数据库SQL Server表格中写入中文乱码显示???的方法
- 获得 Win32 窗口句柄的更好的方法 ----动态生成并显示 HTML 文档 ----再谈禁用HTML的上下文菜单...
- 关于表格溢出显示省略号的css解决方法