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