[Vue-Treeselect Warning] Detected duplicate presence of node id

2023-05-16

只能说出现这个问题的小伙伴们,和曾经的我一样 ,给自己挖了一个巨坑。
在这里插入图片描述问题点:不影响任何业务需求或者操作,但是在控制台出现了以上截图报错。(找到问题的我不顾上班时间,愤怒写下这篇文章)
由于我只是个半途学习vue的小白,在此就简单说下问题。Treeselect根据options的data值,对v-model绑定的值进行解析,在界面中显示label值。

解决方法:找到options对应的值,检查下数据是否一致,仔细检查。(如下图option对应的labelData值)
本人问题所在:重复给labelData赋值(两次赋值数据类型不一致),导致在截图中的normalizer中打印node值不一致。
在这里插入图片描述不理解的小伙伴对比下代码

<treeselect
                          v-model="option.tagType"
                          :load-options="loadLabels"
                          :searchable="true"
                          :disable-branch-nodes="true"
                          :options="labelData"
                          :normalizer="normalizer"
                          placeholder="选择类型"
                        />
data() {
    return {
    // 标签树数据
      labelData: [],
      normalizer(node) {
        return {
          id: node.catlCode,
          label: node.catlName,
          children: node.children,
        }
      },
    }
methods:{
    getTagTree() {
      crudLabelInfo.getTagTree().then(res => {
        const date = res
        this.labelData = date
      })
    }
  }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

[Vue-Treeselect Warning] Detected duplicate presence of node id 的相关文章

随机推荐