温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

vue-treeselect显示unknown如何解决

发布时间:2022-07-26 17:58:47 来源:亿速云 阅读:919 作者:iii 栏目:开发技术

这篇文章主要介绍了vue-treeselect显示unknown如何解决的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue-treeselect显示unknown如何解决文章都会有所收获,下面我们一起来看看吧。

    vue-treeselect显示unknown问题

    解决办法一

    官方上面绑定的value是不能为空的,要写成null才不会出现

    vue-treeselect显示unknown如何解决

    解决办法二

    这个方法简单粗暴~

    直接修改去你这个node-modules包里面找到这个组件的源码,在它dist文件里面找到这个文件

    vue-treeselect显示unknown如何解决

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

    向AI问一下细节

    免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

    AI