<el-cascader
v-model="baseForm.selectAdressKeys"
ref="cascader"
@change="areaHandleChange"
:props="props"></el-cascader>
在data中定义props
props:{
checkStrictly:true,
children:'children',
lazy:true,
lazyLoad (node, resolve){
const {level}=node
setTimeout(async ()=>{
if(node.level==0){
let params={
code: "100000000000"
}
try {
const res=await GetArea(params)
const cities = res.data.map((value, i) => ({
value: value.id,
label: value.positionName,
leaf: node.level >= 2
}));
// 通过调用resolve将子节点数据返回,通知组件数据加载完成
resolve(cities);
} catch (error) {
this.$message.error(error.message)
}
}
if(node.level!==0){
try {
const res=await GetArea({
code:node.value
})
const areas = res.data.map((value, i) => ({
value: value.id,
label: value.positionName,
leaf: node.level >= 2
}));
// 通过调用resolve将子节点数据返回,通知组件数据加载完成
resolve(areas);
} catch (error) {
this.$message.error(error.message)
}
}
},100)
}
}