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, 是不是很棒! 让咱们一起致力走向巅峰!