欢迎光临
我们一直在努力

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

    赞(0)
    【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。