使用 element-ui 级联插件遇到的坑

需求描述【省市区三级联动】

组件：Cascader 级联选择器

• 后端需要所选中的地区的名字，如：['北京市', '北京市', '东城区']
• 获取后端省市区具体列表的接口返回数据：

// 省 - 参数1
[
  {
    value: 1,
    label: '北京市'
  },
  ...
]
// 市 - 参数2
[
  {
    value: 1,
    label: '北京市'
  },
  ...
]
// 区 - 参数3
[
  {
    value: 1,
    label: '东城区'
  },
  ...
]

• 因 element-ui 级联选择器 Cascader 有可以直接获取指定字段的属性，所以直接使用

{
    value: this.label
}

• 一般情况下都没有问题，偶然发现当省市区有名字一样时出现没有值选中的情况，如：['北京市', '北京市', '东城区']