本文主要是介绍[Vue-Treeselect Warning] Detected duplicate presence of node id,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
只能说出现这个问题的小伙伴们,和曾经的我一样 ,给自己挖了一个巨坑。
问题点:不影响任何业务需求或者操作,但是在控制台出现了以上截图报错。(找到问题的我不顾上班时间,愤怒写下这篇文章)
由于我只是个半途学习vue的小白,在此就简单说下问题。Treeselect根据options的data值,对v-model绑定的值进行解析,在界面中显示label值。
解决方法:找到options对应的值,检查下数据是否一致,仔细检查。(如下图option对应的labelData值)
本人问题所在:重复给labelData赋值(两次赋值数据类型不一致),导致在截图中的normalizer中打印node值不一致。
不理解的小伙伴对比下代码
<treeselectv-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 = resthis.labelData = date})}}
这篇关于[Vue-Treeselect Warning] Detected duplicate presence of node id的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!