日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

vue获取table一列数据_vue表格含有一列多选框,如何获取被选中的行的数据?

發布時間:2024/7/5 54 豆豆
生活随笔 收集整理的這篇文章主要介紹了 vue获取table一列数据_vue表格含有一列多选框,如何获取被选中的行的数据? 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.仿照element-ui官網貼出的demo,table表格多選,選擇多行數據時使用 Checkbox。但是無法獲取this.multipleSelection的值。相關代碼如下:

個人

團隊

電話: {{ scope.row.stel }}

郵箱: {{ scope.row.smail }}

地址: {{ scope.row.sadd }}

{{ scope.row.stel }}

個人描述: {{ scope.row.sdescription }}

詳情

發消息

喜好

2.數據區也已經添加multipleSelection: [],

3.響應函數:handleSelectionChange21:function (val) {//用于監聽是否選中當前行

this.multipleSelection = val;

},

4.表格外一按鈕負責獲取被選中行的信息

sendMessageSelected:function () {//群發消息

//循環遍歷被選中的行,獲得sid,發送消息

alert(this.multipleSelection);

},

5.此時不知道怎么獲取this.multipleSelection的值,我想要獲取每一行數據,截圖如下:

創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的vue获取table一列数据_vue表格含有一列多选框,如何获取被选中的行的数据?的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。