天天看點

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表格元件的控制列、按鈕的顯隐,以及列的亂序問題

如果這個文章對你有用的話,點個贊吧!

繼續閱讀