<el-form-item label="举报地点:" prop="regionCode">
<el-cascader ref="cascaderlable" placeholder="选择举报地点"
v-model="reportForm.regionCode"
:props="town_list_select"
:options="one_list_select"
clearable
@change="handleChange"></el-cascader>
</el-form-item>
data() {
return {
one_list_select:[{
value: 'value',
label: 'label',
}],
town_list_select:{
value: 'value',
label: 'label',
// checkStrictly: true,//选择
lazy: true,
lazyLoad: (node, resolve) => {
this.getChildProject(node, resolve)
}
},
};
},
methonds:{
// 举报地点选择完触发
handleChange(value) {
if(this.$refs['cascaderlable'].getCheckedNodes()[0].pathLabels.length==2 ){
this.reportForm.exRegionName=this.$refs['cascaderlable'].getCheckedNodes()[0].pathLabels[0]+this.$refs['cascaderlable'].getCheckedNodes()[0].pathLabels[1]
}else{
this.reportForm.exRegionName=this.$refs['cascaderlable'].getCheckedNodes()[0].pathLabels[0]
}
if(value.length==2 ){
this.reportForm.regionCode=value[1]
}else{
this.reportForm.regionCode=value
}
},
// 获取乡镇
getTownRegionList() {
getRegionCodeList(BaseRegionCode.value).then((data) => {
if (data.data.code == 0) {
this.one_list_select = data.data.data;
}
});
},
// 获取子层数据
getChildProject (node, resolve) {
getRegionCodeList(node.data.value).then((data) => {
if (data.data.code == 0) {
let nodes = []
let {level}=node;
data.data.data.map(el=>{
let obj = {
value:el.value,
label:el.label,
leaf: level >= 1,
}
nodes.push(obj)
})
resolve(nodes)
}
});
},
}
elementUI多级联动el-cascader动态加载数据
最新推荐文章于 2025-03-21 13:46:23 发布