鍍金池/ 問答/HTML/ 使用element-ui 級聯(lián)選擇器發(fā)現(xiàn)的問題

使用element-ui 級聯(lián)選擇器發(fā)現(xiàn)的問題

在使用element-ui級聯(lián)選擇器的時候，我發(fā)現(xiàn)如果options和v-model的默認值都是是通過ajax獲取的話，那么默認值將不會展現(xiàn)，代碼如下：

clipboard.png

options是通過ajax獲取的，busCode也是通過ajax獲取的，2個是不同的接口，獲取后對options和busCode進行賦值，但是我發(fā)現(xiàn)默認值并沒有展現(xiàn)

clipboard.png

但是options和busCode其實已經(jīng)是有值了，這種如何解決呢？

回答
編輯回答
賤人曾

你解決這個問題了嗎，我也碰到類似的問題

2017年11月7日 02:11
編輯回答
雅痞

得綁定跟他對應(yīng)的value才可以好像

2017年4月30日 17:01
編輯回答
刮刮樂

我的類型不符，所以沒有加載出來，默認的value和級聯(lián)中的對不上，失誤失誤

2018年2月22日 00:39
編輯回答
掛念你
<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()
    }
2018年3月27日 00:38