Treeselect unknown

「已注销」

于 2021-05-25 15:28:25 发布

阅读量1.1k

点赞数

分类专栏： vue 文章标签： vue treeselect

本文链接：https://blog.youkuaiyun.com/Bing_lemon/article/details/117256591

版权

这篇博客探讨了在Vue项目中使用Treeselect组件时遇到的两种情况：一是新建时下拉框显示'unknown'，解决方案是初始化时将关联变量设为null；二是编辑时值已知但伴随'unknown'，需要通过id找到对应label显示。同时，还提到当需要禁止选择一级节点时，可以设置:disable-branch-nodes属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一种是初始加载的时候 unknown ，比如新建的时候，需要走接口获取 treeselect 中的数据，下拉框会显示unknown

data里面与之相关联的变量设为 null ,. 比如我用 type 关联，那么data中的type 为： type: null,

第二种是有值后面还有unknown，比如编辑的时候，从接口获取到了type的值，由于这种下拉选择是根据key来选择的，这里用 id 作为 key, 也就是从接口中获取到的 type 是 treeselect 中的某条数据的 id, 需要判断是哪一条id, 把这条 id 的value 或者label

展示到下拉框那里，如图：

我取到了接口返回的type 是tree 里面 label 为002 的这条数据，但是他后面有 unknown , 解决：

          <treeselect
            :disable-branch-nodes="true"
            class="treeselects"
            :multiple="false"
            placeholder="请选择"
            v-model="ruleForm.type"
            @select="

最低0.47元/天解锁文章