vue获取table一列数据_vue表格含有一列多选框,如何获取被选中的行的数据?
生活随笔
收集整理的這篇文章主要介紹了
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表格含有一列多选框,如何获取被选中的行的数据?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: android 粘性view_Andro
- 下一篇: 4k视频分辨率的码流_8K电视来了!但是