分享一个element-ui级联选择器的搜索问题，顺便问下有没有解决方案。

楼主做的是一个三级联动的城市筛选，

后台给过来的数据并不全是按照label, value, children的key给到我，

数据格式

但是官方的props只能指到一级，具体指到2-3级我还不没弄明白。

于是，需要自己转换

<el-cascader
  :options="options"
  v-model="selectedOptions"
  filterable
  clearable
  :props="props"
  @change="handleAreaChange">
</el-cascader>

我自己的思路：

将前面两级的key全部转换成最后一级

props: {
  value: 'disCode',
  label: 'disName',
  children: 'district'
}

方法

getGetallareas () {
  let para = new URLSearchParams()
  para.append('userId', this.userId)
  getallareas(para).then((res) => {
    console.log(res)
    this.options = res.data
    let d = []
    for (let i = 0; i < this.options.length; i++) {
      let a = {}
      a.disName = this.options[i].proName
      a.disCode = this.options[i].proCode
      a.district = this.options[i].cities
      d.push(a)
      let e = []
      console.log(d)
      d[i].district.forEach(element => {
        let b = {}
        b.disName = element.cityName
        b.disCode = element.cityCode
        b.district = element.district
        e.push(b)
      })
      d[i].district = e
    }
    this.options = d
  })
},

效果