element-ui中table表頭表格錯誤問題解決


我用的是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
                     }})
 }},


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM