element中table固定列(fixed)动态布局造成的列表错乱

学习使用element-UI时,使用table固定左边第一列,在这列上加fixed时,动态切换表格列设置设置时就会出现错乱,情况如下:
element中table固定列(fixed)动态布局造成的列表错乱_第1张图片
看了官网,里面写了doLayout的方法,可以解决了
1.要记得在table那里加一个refelement中table固定列(fixed)动态布局造成的列表错乱_第2张图片
2.然后就是接口请求得到数据的时候,走一遍这个方法element中table固定列(fixed)动态布局造成的列表错乱_第3张图片

this.$nextTick(()=>{
     
      this.$refs.table.doLayout()
     // table那里加一个ref="table"
})

你可能感兴趣的:(VUE,javascript,vue.js)