記錄一下使用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值