Element - Table 表格

用於展示多條結構類似的資料，可對資料進行排序、篩選、對比或其他自定義操作。

實現多選非常簡單： 手動新增一個

el-table-column

，設

type

屬性為

selection

即可；預設情況下若內容過多會折行顯示，若需要單行顯示可以使用

show-overflow-tooltip

屬性，它接受一個

Boolean

，為

true

時多餘的內容會在 hover 時以 tooltip 的形式顯示出來。

①新增一個表頭 設定其型別

type=

“selection”，並

設定表格的ref

（

ref

可以獲取表格的dom元素

），給表格新增選中的方法

@selection-change

②但是隻有這些，並不能完全做到表格的多選，當前表格的資料發生變化時，之前選中的資料會被清空，當再次出現相同的資料時，並不會自動選中，所以要新增一個表格選中的方法，當頁面出現之前選擇過的資料時，頁面會再次選中。

③注意：在設定表格資料再次選中的方法時需要加上 this。$nextTick這個方法。

this。$nextTick這個方法作用是當資料被修改後使用這個方法會回撥獲取更新後的dom再渲染出來