日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

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

發布時間:2024/7/5 vue 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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表格含有一列多选框,如何获取被选中的行的数据?的全部內容,希望文章能夠幫你解決所遇到的問題。

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