在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ el-cascader動(dòng)態(tài)加載次級(jí)選項(xiàng)。

el-cascader動(dòng)態(tài)加載次級(jí)選項(xiàng)。

想要在@active-item-change事件中拿到,我點(diǎn)擊的一級(jí)選項(xiàng)的index和更多的數(shù)據(jù),并不是只有props中配置的value

動(dòng)態(tài)加載次級(jí)選項(xiàng)時(shí),做了如下配置:

 categoryList: [],//接收服務(wù)端的一級(jí)選項(xiàng)
 cascaderConfig: {
    label: 'name',
    value: 'show_id',
    children: 'children'
  }

二級(jí)選項(xiàng)的請(qǐng)求參數(shù)是在一級(jí)選項(xiàng)中,但是我只能配置一個(gè)valuelabel
當(dāng)我@active-item-change="cascaderItemChange" 點(diǎn)擊的時(shí)候:

cascaderItemChange (item) {
    console.log(item)
    // item 的值實(shí)際上是this.cascaderConfig.value
    // 但是我想要知道我點(diǎn)擊的item 在一級(jí)數(shù)組中的index 
    // 和更多一級(jí)中更多數(shù)據(jù) 并不單單只有this.cascaderConfig.value
    categoryChildren(item[0]).then((response) => {
      console.log(response)
      this.form.categoryList[0].children = response.data
    })
  },

html如下:

  <el-form-item label="商品類目" prop="erp_category_id" v-model="submitFormData.erp_category_id">
    <el-cascader
      placeholder="請(qǐng)選擇商品類目"
      :options="form.categoryList"
      :props="form.cascaderConfig"
      @change = "categoryChange"
      @active-item-change="cascaderItemChange"
      expand-trigger="click"
    ></el-cascader>
  </el-form-item>
回答
編輯回答
焚音

哥們你解決了嗎?獲取到點(diǎn)擊的item 在一級(jí)數(shù)組中的index 了嗎

2017年11月1日 03:39