this.labelOptions = [{ value: 0, label: "顶级标签", children: this.transformData(resp.rows) }],
transformData(data){
return data.map(item => {
return {
value: item.gfz_ID,
label: item.gfz_NAME,
children: item.children ? this.transformData(item.children) : undefined
}
})
},
<el-cascader
v-model="labelForm.PARENT_ID"
style="width: 300px;"
placeholder="选择标签类型"
:options="labelOptions"
:props="cascaderProps"
clearable></el-cascader>
</el-form-item>
cascaderProps: { // 自定义级联选择器的 props
checkStrictly: true, // 禁用父子联动
emitPath: false // 发出路径数组
},
在 labelOptions 中,顶级标签的 value 是 0,如果后台传来的 PARENT_ID 也是 0,那么它们在值上是匹配的,理论上应该进行回显。但如果级联选择器没有正确回显,可能的原因需要检查:
确保labelForm.PARENT_ID 和 labelOptions 中的 value 是同一类型,比如都是数值或字符串。