el-tree树形组件拿到所有复选框选中的值

 

根据需求,在交互时要将树形组件中所有勾选的值一起进行传值

官方文档里有很多事件,都只能拿到点击单条的数据,这里用到check事件,是点击复选框的事件,可以拿到复选框的值

 

 

在事件中,不需要拿到形参里的值,需要先绑定ref节点,通过节点的getCheckedNodes()方法,拿到选中的值,然后将选中的值(所需要的字段)push进一个新的数组里,需要注意的是,子节点有交互所需的数据,父节点没有,所以当选中父节点下的全部数据后,会将父节点也push进新的数组里,但是父节点里没有所需的字段,就会push进一个空值

 

所以这里用到一个过滤方法,将数组中的undefined清除

 得到的就是需要的数据集合

  • 2
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值