首页 > 其他 > 详细

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

时间:2019-12-22 21:15:17      阅读:1079      评论:0      收藏:0      [点我收藏+]

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值

技术分享图片

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

原文:https://www.cnblogs.com/shiazhen/p/12080709.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!