elementUI表格动态渲染后错乱

599 阅读1分钟

在做项目过程中遇到了,在列表上使用v-if控制显示隐藏,表格渲染数据会错乱或者左侧固定列会出现错乱,且不固定出现。列如:

列表错乱.png

解决方法:elementUI文档中有doLayout()方法,可重新对table进行布局。

表格重新布局.png

代码如下:

 this.$nextTick(()=>{
      this.$refs.tableBox.doLayout()
 })

完成效果:

完成效果.png