只能说出现这个问题的小伙伴们,和曾经的我一样 ,给自己挖了一个巨坑。
问题点:不影响任何业务需求或者操作,但是在控制台出现了以上截图报错。(找到问题的我不顾上班时间,愤怒写下这篇文章)
由于我只是个半途学习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(使用前将#替换为@)