element之Cascader 级联选择器（获取当前选中的id值对应的整个对象）

最新推荐文章于 2024-09-22 20:06:37 发布

cv小渣渣

最新推荐文章于 2024-09-22 20:06:37 发布

阅读量3.9k

点赞数 1

文章标签： javascript elementui

本文链接：https://blog.csdn.net/Fairy_loves_meat/article/details/123737622

版权

html部分：

<el-cascader clearable :change-on-select="true" class="ml10" :options="chanceSourceType" v-model="chanceSourceArr" @active-item-change="chanceSourceChangeHandle" @change="chanceSourceChangeHandle" :props="props" :placeholder="defaultPlaceholder">
</el-cascader>

javascript部分：

//选择数据
chanceSourceChangeHandle(va) {
        // console.log(va,'va')
        this.getLastItem(this.chanceSourceType, va, 'id')
        API.zhuxinGoodsManage.addProductType(va[va.length - 1], (data) => {
          if (data.data.length) {
            let arr = data.data.map((item) => {
              item.children = []
              return item
            })
            this.targetObj.children = arr
            // this.childrenList = arr;
          } else {
            this.targetObj.children = null
          }
        })
      },
// 获取点击得目标对象, key 对应得 值vals 数组（重点部分）
getLastItem(list, vals, key) {
        let LIST = list || []
        for (let item of LIST) {
          if (item[key] === vals[vals.length - 1]) {
          //获取当前选中id值对应的对象
            this.targetObj = item
            if(this.targetObj.productFlag === 1 ) {
              this.detail.rzshow = false
            } else {
              this.detail.rzshow = true
            }
            break
          } else {
            this.getLastItem(item.children, vals, key)
          }
        }
      },