element-ui中table表头表格错误问题解决

2023-06-09,,

我用的是element-ui v1.4.3

在iframe关闭和切换导航会引起有table的表格错位,解决办法:

handleAdminNavTab: function(tab) {
var adminContent = this.$el.querySelector('.sc-admin__content__bd');
var iframes = adminContent.querySelectorAll('iframe');
this.$nextTick(function() {
var url = 'projectController';
iframes = Array.prototype.slice.call(iframes);
iframes.forEach(function(iframe) {
if (iframe.src.indexOf(url) !== -1) {
var vm = iframe.contentWindow.vm;
if (vm && vm.$refs) {
//刷新表格布局
vm.$refs.table && vm.$refs.table.doLayout();
}
}
});
});
}

主要是调用: vm.$refs.table && vm.$refs.table.doLayout();

记录下renderCell的用法(与上文问题无关):

 { label: '批注项', prop: 'commentItem' ,align:"center" , minWidth:"200",renderCell:function(h,scope){
return h('div',{domProps:{
innerHTML:scope.row.commentItem
}})
}},

element-ui中table表头表格错误问题解决的相关教程结束。

《element-ui中table表头表格错误问题解决.doc》

下载本文的Word格式文档,以方便收藏与打印。