[Vue

admin管理员组

文章数量:1794759

[Vue

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