vue-treeselect显示unknown的问题及解决
更新时间：2022年07月26日 11:09:35 作者：s--k--y
这篇文章主要介绍了vue-treeselect显示unknown的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue-treeselect显示unknown问题
解决办法一
官方上面绑定的value是不能为空的，要写成null才不会出现
解决办法二
这个方法简单粗暴~
直接修改去你这个node-modules包里面找到这个组件的源码，在它dist文件里面找到这个文件
搜索unknown，把它干掉，完美解决
vue-treeselect中的小tip
1.设置选中当前节点不默认选中父节点和子节点：
flat:true
参考资料：https://vue-treeselect.js.org/#flat-mode-and-sort-values
2.选中了分支节点及其所有后代
则vue-treeselect会将它们组合到值数组中的单个项目中，可以通过 valueConsistsOf 来更改：
ALL: 选中的所有节点都将包含在 value 数组中BRANCH_PRIORITY(默认): 如果选中了分支节点，则其所有后代将被排除在 value 数组之外LEAF_PRIORITY: 如果选中了分支节点，则此节点本身及其分支后代将从value 阵列中排除，但其叶后代将包括在内ALL_WITH_INDETERMINATE: 选中的任何节点将包括在 value 数组中，另外还有不确定的节点
参考资料：https://vue-treeselect.js.org/#prevent-value-combining
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;
}
}参考资料：https://github.com/riophae/vue-treeselect/issues/145
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文分步骤给大家介绍了Vue 1.0自定义动画效果，vue1.0代码结合animate.css定义动画，页面一定要引入animate.cdd，具体实例代码大家参考下本文2018-07-07
这篇文章主要给大家介绍了关于vue如何处理base64格式文件pdf及图片预览功能的相关资料,图片的base64编码就是可以将一副图片数据编码成一串字符串,使用该字符串代替图像地址,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了Ant Design Vue 添加区分中英文的长度校验功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下功能，2020-01-01
这篇文章主要为大家详细介绍了Vue实现动态路由的相关知识,主要涉及到两个方面：一是路由的动态添加,二是基于路由的参数变化来动态渲染组件,下面就跟随小编一起深入学习一下动态路由的实现吧2024-02-02
Pinia是一个Vue.js状态管理库，如果你在组件中修改了store中的数据并刷新了界面，Pinia会将store中的数据重置为初始值，从而导致数据丢失的问题，本文就来介绍一下问题解决，感兴趣的可以了解一下2023-12-12
Socket.io将Websocket和轮询机制以及其它的实时通信方式封装成了通用的接口,并且在服务端实现了这些实时机制的相应代码,下面这篇文章主要给大家介绍了关于vue3使用socket.io踩坑的相关资料,需要的朋友可以参考下2023-03-03
这篇文章主要给大家介绍了关于Vue3中watchEffect用途的相关资料, watch和watchEffect都是监听器,但在写法和使用上有所区别,本文进行了详细的介绍,需要的朋友可以参考下2021-07-07
这篇文章主要介绍了使用Vue-cli 中为单独页面设置背景图片铺满全屏，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
本篇文章主要介绍了详解在Vue中有条件地使用CSS类，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
Vue中的 mixins 和 provide/inject详解
这篇文章主要介绍了Vue中的 mixins 和 provide/inject详解,本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-07-07
最新评论