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',

            }]

}]

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

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

巴特西

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

Cascader 级联选择器

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

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

解决方法加上key值

最新文章

热门文章