天天看点

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表格组件的控制列、按钮的显隐,以及列的乱序问题

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

继续阅读