当前位置: 首页 > Web前端 > vue.js

vue下拉树select-tree

时间:2023-03-31 19:07:58 vue.js

使用vue-selecttree组件时,我遇到的坑:1:如果初始加载时树的值设置为"",页面会显示"unknown",更改itsvalue只需为null2:自定义下拉选项的显示时,里面的显示只能是简单类型(对象或数组会报错:Errorinrender:"TypeError:Cannotconvertobjecttoprimitivevalue")3:插件对渲染数据有很高的要求,就是要贴合自己的数据模式。所以你的数据必须包含:id,label字段,如果有子集,必须用children作为key4:自定义下拉框选项时,实际数据值不是node,而是node.raw(我的天,这里就是暴风雨,本来想把node打印出来看看,结果报2的错误,然后直接敲node就没有值了,这三个太变态了,所以一个normalizer是提供了。这个属性好用,但是!!谁让我实现懒加载的!!!然后就出现了BUG,让我怀疑人生。所以才在页面挂载的时候规范化了数据,并且里面的children在进入页面渲染之前也都归一化了。6:append-to-body在对话框等地方无效,全局添加样式:类名是自己的组件。vue-treeselect--append-to-body{z-index:999999!important;}搞了三个一个小时才弄完,怪自己太自信了!如果早点看官方的懒加载文档,应该早就结束了。有了这个记录,希望大家不要像我一样踩坑把gitlab地址贴出来。可以看看github|vue-treeselect附:插件真的超级好用!为大佬们点个赞!源代码: