欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-09-20 17:22:25
我用的是element ui v1.4.3 在iframe关闭和切换导航会引起有table的表格错位,解决办法: 主要是调用: vm.$refs.table && vm.$refs.table.doLayout(); 记录下renderCell的用法(与上文问题无关): ......

我用的是element-ui v1.4.3

element-ui中table表头表格错误问题解决
在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
                     }})
 }},