Element el-table 表格列 v-if 显示 隐藏 样式错乱的问题

需求:点击不同的查询类别选项,切换类别时要重新请求数据,然后展示不同的数据列,这里使用v-if做判断,v-show不管用

问题:在切换时,发现本该隐藏的列没有隐藏,而且位置还发生错乱,列高度也有问题!

解决:在需要使用v-if渲染的el-table-column元素上加上一个不重复的key值即可解决问题  :key="Math.random()"

开始时的写法:

 解决后的方法:

 

~~改完后会出现轻微的抖动,不过暂不影响数据展示~~

你可能感兴趣的:(vue.js,elementui,前端)