在element表格中如果要選中多選按鈕的只能通過點擊表格第一列的方塊來實現(xiàn)選中,而沒有通過點擊整行來選中的事件,下面為大家介紹一種取巧的方法。
來到element的官網(wǎng),我們可以看到有如下幾個事件和方法
@row-click=單擊一行
@selection-change=當選擇項變動時
toggleRowSelection()用于多選表格,切換某一行的選中狀態(tài)
看到這里想必大家都已經(jīng)明白了,當我們點擊行的時候調用toggleRowSelection()方法,使選擇項發(fā)生改變,當選擇項發(fā)生改變時就會自動觸發(fā)selection-change事件,這時候我們通過接收selection-change事件的selection值就會獲得選中的行了。
對了,大家在使用toggleRowSelection()方法時可以看到,調用這個方法的代碼是
this.$refs.topTable.toggleRowSelection()
千萬不要忘了,我們需要在表格的位置設置ref=‘’它的值就是你的表格的:data的值。