el-cascader多层级回选时需要每一级的key组成数组,当时使用的懒加载,拿不到深层级的数据,后台又不愿意提供接口,于是使用el-select + el-tree封装了一个el-cascader
<template>
<el-select
class="relate-select"
popper-class="seleat-select-down"
v-model="form.pidName"
>
<template slot="empty">
<el-tree
class="relate-tree"
:load="lazyLoad"
lazy
:expand-on-click-node="false"
:highlight-current="true"
@node-click="handleNodeClick"
></el-tree>
</template>
</el-select>
</template>
<script>
export default {
data() {
return {
form: {
pidName: '',
pid: ''
}
}
},
methods: {
lazyLoad() {
// tree懒加载的方法
},
handleNodeClick({ deptId, label }) {
this.form.pid = deptId
this.form.pidName = label
},
}
}
</script>
这样进行回选时,只需要拿到tree当前点击的元素的label值,直接赋给el-select就行了,获取到的key值,赋给另外一个变量