美文网首页
elementui table fixed错位

elementui table fixed错位

作者: ThisWu | 来源:发表于2020-06-10 16:05 被阅读0次

    这个bug真的相当的恶心人啊。如果官方人员有看到,请记得一定反馈优化下面的问题。

    image.png

    每次看到表格有这种问题,心里就扎心的狠。网上找资料一大堆没用的回答
    最常见扯淡的就是给column设置:key="Math.random()" 一点效果都没有,还在每次渲染的时候做一次js计算。

    目前在官方没有解决这个bug前如果有人碰到类似问题。建议大家监听table数据,每次数据得到或改变的时候去重新渲染一下

     /* 监听table数据对象 */
    watch: {
        tableData(val) {
          this.doLayout();
        }
      }
     /* 重新渲染table组件 */
    doLayout(){
            this.$nextTick(() => {
                    that.$refs.table.doLayout()
            })
    }
             
    

    这种方法基本满足大多数情况。如果还有问题只能等官方人员更新,或则有能力的程序员自行去改代码

    相关文章

      网友评论

          本文标题:elementui table fixed错位

          本文链接:https://www.haomeiwen.com/subject/zydptktx.html