antdesignvue当中,a-tree-select默认使用了value进行搜索
我们会发现,a-tree-select搜索时候搜的是value,由于传入值一般都是id类型,用户不可能去搜索id,导致发生此问题。


默认:

title:显示值
value:搜索值(不能重复)、提交时候的传输值。
key:区分值(不能重复)

示例:【传入的json串示例】

const treeData = [
    {
      title: '满意度',
      value: '0-0',
      key: '0-0',
      disabled: true,
      children: [
        {
          title: "工作满意度",
          value: '0-0-1',
          key: '0-0-1',

        },
        {
          title: '生活满意度',
          value: '0-0-1',
          key: '0-0-2',
          // disabled: true,
        },
      ],
    },

解决方法:

在标签中加入:tree-node-filter-prop="title"
示例:

 <a-tree-select
                        v-model="form.tags"
                        style="width: 100%"
                        :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
                        allow-clear
                        multiple
                        :tree-data="tagsData"
                        placeholder="请选择"
                        tree-default-expand-all
                        tree-node-filter-prop="title"
                      >
Logo

前往低代码交流专区

更多推荐