vue+element-ui中的el-table-column配合v-if导致列样式与位置错乱的现象

描述:

根据需求,对el-table的某一列进行判断显隐时,经常会出现列的位置错乱和表头的样式变化的问题;
注:此问题不属于技术问题,可以再多看看框架文档;
ex:(会错乱的写法)
姓名
年龄

修改:

姓名
年龄

姓名
年龄

说明:

给使用了v-if的列,加一个固定的key值,或循环渲染key即可;
虽然仍会有一瞬间的表头的样式的改变和列的错乱,但是已经不影响数据的展示了;

你可能感兴趣的:(vue)