本文主要是介绍element-plus el-cascader懒加载怎么指定对应的label和value。最后一级怎么判断？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
<el-cascader:props="props"placeholder="请选择现地址所在地"v-model="currentaddress"ref="currentaddressRef"@change="currentaddressChange"style="width:100%"clearable/>
懒加载需要用到props。
const props: CascaderProps = {
//可以在这里设置对应的值。也可以在下面重写resolve的值。只要一个地方写就行。因为接口没传leaf这个参数不知道什么时候是子节点要结束。所以我就一起在下面重写了。// label: 'regionName',// value: 'code',lazy: true,lazyLoad(node, resolve) {const { level } = nodelet result = node.data;//点击的节点数据console.log("点击的节点数据", result);//注意这里的数据字段名是你改写之后的不是接口本来传的字段名console.log("level",level)let params={parentCode:result.value}regionList(params).then(res=>{console.log("===",res.data)let newData=res.data.map(item=>({'value':item.code,'label':item.regionName,'leaf':level>=4 //五级联动。取5个数据就行。level从0开始的。所以到下标4就结束}))resolve(newData)})},
}
这篇关于element-plus el-cascader懒加载怎么指定对应的label和value。最后一级怎么判断？的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
