这篇文章将为大家详细讲解有关element ui表格动态列显示空白bug怎么办，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
创新互联公司长期为超过千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为会宁企业提供专业的做网站、
成都做网站，
会宁网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。
在使用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怎么办”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
分享标题：elementui表格动态列显示空白bug怎么办-创新互联
文章出自：
http://cdkjz.cn/article/ceocoo.html
