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如何解决”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。