vue-treeselect显示unknown如何解决
这篇文章主要介绍了vue-treeselect显示unknown如何解决的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue-treeselect显示unknown如何解决文章都会有所收获,下面我们一起来看看吧。
vue-treeselect显示unknown问题
解决办法一
官方上面绑定的value是不能为空的,要写成null才不会出现
解决办法二
这个方法简单粗暴~
直接修改去你这个node-modules包里面找到这个组件的源码,在它dist文件里面找到这个文件
搜索unknown,把它干掉,完美解决
vue-treeselect中的小tip
1.设置选中当前节点不默认选中父节点和子节点:
flat
:true
2.选中了分支节点及其所有后代
则vue-treeselect会将它们组合到值数组中的单个项目中,可以通过 valueConsistsOf 来更改:
ALL
: 选中的所有节点都将包含在 value 数组中BRANCH_PRIORITY
(默认): 如果选中了分支节点,则其所有后代将被排除在 value 数组之外LEAF_PRIORITY
: 如果选中了分支节点,则此节点本身及其分支后代将从value 阵列中排除,但其叶后代将包括在内ALL_WITH_INDETERMINATE
: 选中的任何节点将包括在 value 数组中,另外还有不确定的节点
3.需要禁用父节点,但是子节点是可选的,需要使用:
:flat="true",必须和多选配合使用 :multiple="true" 但是需要单选怎么办:
绑定 input 事件,然后在事件中处理:
inputTreeValue(nodes) { if (Array.isArray(nodes)) { const len = nodes.length; const lastNode = nodes[len - 1]; this.value = lastNode ? [lastNode] : []; } else { this.value = null; } }
关于“vue-treeselect显示unknown如何解决”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“vue-treeselect显示unknown如何解决”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注蜗牛博客行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
评论