使用element-ui 级联选择器发现的问题

Question

在使用element-ui级联选择器的时候，我发现如果options和v-model的默认值都是是通过ajax获取的话，那么默认值将不会展现，代码如下：

options是通过ajax获取的，busCode也是通过ajax获取的，2个是不同的接口，获取后对options和busCode进行赋值，但是我发现默认值并没有展现

但是options和busCode其实已经是有值了，这种如何解决呢？

Answer 1

我的类型不符，所以没有加载出来，默认的value和级联中的对不上，失误失误

Answer 2

<el-cascader :options="area" v-model="form.area" @active-item-change="changeArea" :props="props"
                       placeholder="请选择开户银行所在地"></el-cascader>

 area: [],
 props: {
   value: 'value',
   children: 'cities'
        },

getAll () {
        this.$http.get('/region/parent/100001').then(({data}) => {
          data = data.result
          this.area = data.map(v => {
            return {
              label: v.name,
              value: v.code,
              cities: []
            }
          })
        })
      },

 changeArea ([city, area]) {
        this.$http.get(`/region/parent/${city}`).then(({data}) => {
          this.area.forEach((v, i) => {
            v.cities = data.result.map(vv => {
              return {
                label: vv.name,
                value: vv.code
              }
            })
          })
        })

created () {
      this.getAll()
    }

Answer 3

你解决这个问题了吗，我也碰到类似的问题

Answer 4

得绑定跟他对应的value才可以好像