时间:2021-05-28
在使用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 修复方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
bug1.找不到element-ui/lib/theme-default/index.css解决:修改路径为element-ui/lib/theme-chalk
前言 element官方的例子太简单了,不满足实际的需求 数据肯定是动态的,合并的行数,列数都是动态的,该如何知道每一行的合并数呢需求 动态合并表格,数据
element-ui图片(查看大图),可通过previewSrcList开启预览大图的功能。写在element-ui表格中,使用作用域插槽循环图片1.此处的di
桌面图标异常是怎么回事异常图标修复方法桌面图标异常是怎么回事异常图标修复方法桌面图标异常是怎么回事异常图标修复方法桌面图标异常是怎么回事异常图标修复方法桌面图标
桌面图标异常是怎么回事异常图标修复方法桌面图标异常是怎么回事异常图标修复方法桌面图标异常是怎么回事异常图标修复方法桌面图标异常是怎么回事异常图标修复方法桌面图标