vue 下拉树 select-tree

使用vue-selecttree组件时,
我所遇到的坑:
1:初始加载的时候如果设置tree的value为""时,页面会显示“unknown”,将其值改为null即可
2:自定义下拉选项的展示时,里面的展示只能为简单类型类型(对象或者数组会报错: Error in render: "TypeError: Cannot convert object to primitive value")
3:该插件对渲染数据要求高,即需要贴合它本身的数据模式。所以你的数据必须包含:id,label字段,如果有子集,必须用children做key
4:自定义下拉框选项时,实际的数据值不是node,而是node.raw (我天,这里简直暴风哭泣,我本来想打印出node看看,结果死活报2的错,然后直接node.type的时候有没有值,,,还好最后被机智的我发现了!)
5:官方可能也觉得自己的第三条太变态了,所以提供了一个normalizer 这个属性本是好用的,但是!!谁叫我要实现懒加载!!!然后就出现了BUG,调到我都要怀疑人生了,所以才有了在页面mounted的时候对数据进行规范化处理,里面的children也是在进入页面渲染前就完成了规范化。

做了三小时才做完,都怪自己太自信!早点看官方的懒加载文档的话,应该早就完了,以此记录,望大家不要同我一样踩坑

贴gitlab地址,大家可以看看GitHub|vue-treeselect

另附:插件真的超好用!为大佬们点赞!

源码:


你可能感兴趣的:(前端,javascript,vue.js,select,tree命令)