VueTreeselect出现unknown

       最近在项目中需要做一个选择框,但是需要的是有层级嵌套的选择框。由于用的是vue + element-ui,在官方文档里并没有找到适合的组件,本想自己写一个组件,却无意中发现有VueTreeselect,文档地址:https://vue-treeselect.js.org

vue-treeselect是一个多选组件,具有对Vue.js的嵌套选项支持。是一个选择框,但是选项是树形的呦,还支持单选,多选,瞬间满足了我的需求,但是紧接着,坑就来了。

先引用进来再说吧,

注意:

options的值是个树形结构的数组,normalizer属性,是用于转换options的值的,把options的值,转换为符合vue-treeselect要求的数据格式。

重点:treeselect 绑定的值需要与normalizer输出的id相对应,若是空值,请不要给空字符串,0,等,因为会出现unknown,并且当选择了值以后,会出现选中的值后面会拼上unknown。

解决办法就是把v-modle绑定的值设为null,必须是null,不能是‘null’,初始化的时候才不会出现unknown。

 

 

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值