vue+element table 动态展示字段 , 出现字段溢出或者表格塌陷的问题

场景描述 : 需要依据分类来区分列表中某三个字段的隐藏或者显示 , 表格用的是 table , 两侧均设置了固定列且三个字段依据  某个变量来控制

出现的问题 :

解决结果 : 

 

 溢出的td回归原位

解决方法 : 

watch : {},
updated(){
    this.$refs.listTable.doLayout() # listTable 为el-table标签 ref对应的值
},
created() {}

参照博客 https://blog.csdn.net/txf666/article/details/110826328