天天看點

VUE + Element-ui 按住Shift實作多選

1.效果圖

VUE + Element-ui 按住Shift實作多選

2.首先,我們要在Element table元件中寫一個事件@select = "pinSelect"

這裡添加Element元件 table的觸發事件@select = "pinSelect",pinSelect是自定義命名的。

VUE + Element-ui 按住Shift實作多選

3.在data中添加兩個變量,自定義命名 origin: -1是起點數,pin:false是預設不按住

VUE + Element-ui 按住Shift實作多選

4.在 mounted()寫鍵盤事件,keydown按住和keyup松開事件

VUE + Element-ui 按住Shift實作多選

 5. 在updated()周遊資料數組,并且指派索引 (我在項目中寫在updated,有的需要寫在created中)

VUE + Element-ui 按住Shift實作多選

6. 然後在methods:寫

VUE + Element-ui 按住Shift實作多選

繼續閱讀