el-cascader递归展示

dom结构

<el-cascader
     v-model="value"
     :options="optionsData"
     :props="{ checkStrictly: true }"
     clearable
     @change="conpanyChange"
 ></el-cascader>

递归方法

getData(){
	//接口获取数据data
	this.optionsData = this.recursionData(data)
}
recursionData(data) {
    const options = []
    if (!(data && data.length)) {
        return null
    }
    data.forEach((item) => {
        options.push({
            value: item.bh,
            label: item.mc,
            id: item.id,
            children: this.handleNewLabelsData(item.children),
        })
    })
    return options
},

获取选中的最后一个值

//在data中定义value接收获取的值
conpanyChange(val) {
	if (val) {
	   if (val.length === 1) {
	       this.value = val.join(',')
	   } else {
	       this.value = val[val.length - 1]
	   }
	}
},