vue+treeselect踩坑二

1.开发环境 vue.js
2.电脑系统 windows 10 专业版
3.在应用 vue联合 treeselect 进行开发的时候,会遇到一些坑,上面我分享一下本人的踩坑!心愿对你有所帮忙!
4.应用 treeselect 呈现上面这种状况:

4-1:遇到这个状况不要慌,造成这个状况的起因: treeselect 应用 v-model 绑定的值 不能是 "",举个例子 :

<treeselect   :options="chentrees" :multiple="false" :normalizer="normalizer"  :searchable="false"  v-model="ChentrId" />// 这里的 ChentrId 是在 return 上面进行定义的,ChentrId:"",//因为这个 ChentrId是 "" ,所以在初始化的时候 呈现 unknown,解决办法参考上面 的 4-2

4-2:上述 4-1 解决办法如下:

把 return 上面的变量 ChentrId : "" 批改为 ChentrId :null,你就会发现在 初始化大的时候没有了 unknown

5.如果你有批改的性能,在点击批改的时候 呈现以下状况:

5-1:备注:如果你在点击批改的时候,在 treeselect 显示 为 一级名1 的前面是这样的 : 一级名1 (unknown),当你遇到这种状况的时候不要慌,造成这种状况的起因是: treeselect 绑定的值是空的,当你点击批改的时候还是空的,所以才造成了这样的状况!
5-2:上述 5-1 问题的解决办法如以下:把获取 treeselect 数据的办法,放在 mounted 或者是 在 methods 中封装成一个办法,在mounted 中进行调用!
6.本期的教程到了这里就完结啦,心愿对你有所帮忙!是不是很 nice,是不是很棒!让咱们一起致力走向巅峰!