vue-elementui 因滚动条引发的table错位问题

 

 修复后效果

 

 在网上看到的方法都是设置样式属性,试过之后也不生效,也不知道原因

所以就自己用原生js解决了,代码如下

    //修错位
    x(){
       var u = document.getElementsByClassName('has-gutter')[0].childNodes[0];
       var tr = document.createElement('tr');
       u.appendChild(tr)
    },

然后在mounted后调用

     mounted(){
      this.x()
     },

如果没有生效可以给tr添加点内容撑开

  tr.innerHTML='&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp'

有其他思路和好的办法可以讨论

posted @ 2022-01-19 10:47    阅读(1405)  评论(0编辑  收藏  举报