el-cascader动态加载次级选项。

想要在@active-item-change事件中拿到,我点击的一级选项的index和更多的数据,并不是只有props中配置的value

动态加载次级选项时,做了如下配置:

 categoryList: [],//接收服务端的一级选项
 cascaderConfig: {
    label: 'name',
    value: 'show_id',
    children: 'children'
  }

二级选项的请求参数是在一级选项中,但是我只能配置一个valuelabel
当我@active-item-change="cascaderItemChange" 点击的时候:

cascaderItemChange (item) {
    console.log(item)
    // item 的值实际上是this.cascaderConfig.value
    // 但是我想要知道我点击的item 在一级数组中的index 
    // 和更多一级中更多数据 并不单单只有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="请选择商品类目"
      :options="form.categoryList"
      :props="form.cascaderConfig"
      @change = "categoryChange"
      @active-item-change="cascaderItemChange"
      expand-trigger="click"
    ></el-cascader>
  </el-form-item>

回答:

哥们你解决了吗?获取到点击的item 在一级数组中的index 了吗

回答:

如果获取不到index,是因为没有设置数据中没有设置child,即使是空,也要设置,看这里:https://www.mkboke.com/note-b…

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注