element-ui中table表头表格错误问题解决
程序员文章站
2023-12-25 16:39:45
我用的是element ui v1.4.3 在iframe关闭和切换导航会引起有table的表格错位,解决办法: 主要是调用: vm.$refs.table && vm.$refs.table.doLayout(); 记录下renderCell的用法(与上文问题无关): ......
我用的是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 }}) }},
推荐阅读