element table表格组件的控制列、按钮的显隐,以及列的乱序问题

element table表格组件的控制列、按钮的显隐,以及列的乱序问题

1.关于控制table的按钮的显隐

element的table的按钮的显隐应该使用 v-show 不可以使用v-if,因为v-if会导致按钮显示不全的问题

2.关于控制table的列的显隐问题

element的table的列的显隐必须使用 v-if,使用v-show是没有效果的,当你的列很多时,可以使用div将列包裹起来

element table表格组件的控制列、按钮的显隐,以及列的乱序问题

但是单纯使用v-if的话会导致table的列乱序,解决乱序的问题请看3

3.关于table列的乱序的情况

乱序是在你使用的v-if,但是没有给每一个加关键字的情况下(真的想不通这个bug,有时间学习一下源码看看)
解决的方法
方法一:(常用)
在v-if的后面加 :key=“Math.random()”
每一个v-if后面都要加
方法二:
在v-if的后面加 :key=“1”
每一个v-if后面都要加,注意1是递增的
v-if… . :key=“1”
v-if… :key=“2”
.
.
.
element table表格组件的控制列、按钮的显隐,以及列的乱序问题

如果这个文章对你有用的话,点个赞吧!