vue复制html表格单列,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的值,我想要获取每一行数据,截图如下:

c9c8814945943635c40dbeb45896730e.png

回答:

前端控制台,格式也都看过了,主要是获取不出来,this.multipleSelection[0].sid或者this.multipleSelection[0].getSid都不能获取到sid的值,最后console.log((this.multipleSelection[0])[‘sid’]);就可以打印出来了,好奇怪。。。

回答:

1、handleSelectionChange21 这个函数行参返回的是数组嵌对象的格式,如果你需要获取每行的数据,你要循环这个数组。其实很简单,你直接先console一下这个val,看下数据格式是怎么样就好了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值