东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
06
2023/06

ElementUI多選表格中如何單擊行來選中行

發(fā)布時間:2023-06-06 08:26:32
發(fā)布者:大宴四方
瀏覽量:
0

在element表格中如果要選中多選按鈕的只能通過點擊表格第一列的方塊來實現(xiàn)選中,而沒有通過點擊整行來選中的事件,下面為大家介紹一種取巧的方法。

來到element的官網(wǎng),我們可以看到有如下幾個事件和方法

@row-click=單擊一行

屏幕截圖(54).png

@selection-change=當選擇項變動時

屏幕截圖(56).png

toggleRowSelection()用于多選表格,切換某一行的選中狀態(tài)

屏幕截圖(55).png

看到這里想必大家都已經(jīng)明白了,當我們點擊行的時候調用toggleRowSelection()方法,使選擇項發(fā)生改變,當選擇項發(fā)生改變時就會自動觸發(fā)selection-change事件,這時候我們通過接收selection-change事件的selection值就會獲得選中的行了。

屏幕截圖(57).png屏幕截圖(58).png屏幕截圖(59).png


對了,大家在使用toggleRowSelection()方法時可以看到,調用這個方法的代碼是

this.$refs.topTable.toggleRowSelection()

千萬不要忘了,我們需要在表格的位置設置ref=‘’它的值就是你的表格的:data的值。

關鍵詞:
返回列表