关于将ant design vue中树选择的条件查询改为多选的问题

本文介绍了如何在Ant Design Vue的树选择器中实现多选功能。通过设置`multiple`和`labelInValue`参数,使得树选择器可以支持多选。在设置`labelInValue`时需要注意将data中默认值设为undefined以避免出现空的多选框。同时,创建一个数组来保存选中的元素,并监听change事件以更新该数组。此外,还需修改重置表单的方法,以及将选定值转换为逗号分隔的字符串传递。
摘要由CSDN通过智能技术生成

1.首先在树选择器中加入这两个参数:multiple和labelInValue

multiple
:labelInValue = 'true'

 官方文档中关于labelInValue的解释:

 此时我们的树选择器就可以多选了。

但是需要将data中默认的值改为undefined,如果默认为空,会一直有一个空的多选框。

就像这样:

 2.在data中定义一个数组用来存放选择出来的元素

// 项目类型数组
projectTypeCheckBox:undefined

3.写树选择器的change事件,构建数组

// 项目类型条件查询value变化时
      projectTypeValueChange(value, label, extra){
        this.projec
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

芝士焗红薯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值