记录一下使用element ui使用级联选择器的坑,级联选择器的默认选中

Cascader 级联选择器

• 使用级联选择器我使用的是默认选中值
• 下面是我的数据格式,只是形式相同,值不同, 后台的数据是这样的不是ID

记住级联选择器的值是数组,请求来的数据记得看一下是不是数组

//级联选择器
<el-cascader
:props="{checkStrictly:true}"
v-model="category"
:options="options"
></el-cascader>
//下面是选项
options: [{
value: '指南',
label: '指南',
children: [{
value: '设计原则',
label: '设计原则',
}]},{
value: '指南1',
label: '指南1',
children: [{
value: '设计原则1',
label: '设计原则2',
}]
}]

• 第一次查看默认选中的结果很正确

• 第二次查看默认选中,查看的不能是和上次父级相同,这里路径明明正确,但是打开下拉框看到的选中位置明显不对

产生这种错误的原因不知道,只是感觉好像匹配不准确

解决方法加上key值