级联选择器的数据为空时,会展示个空白面板
解决方案如下:
// 将空children置为undefined,解决级联选择器的数据为空问题
getTreeData(data){
for(let i=0; i<data.length; i++){
if(data[i].children.length < 1){
//若childrenList为空,将childrenList置为undefined
data[i].children = undefined
} else{
//若childrenList不为空,递归
this.getTreeData(data[i].children)
}
}
return data
},
级联选择器值传递给后端最后一级的值
在
<el-cascader v-model="addressRuleForm.areaCode"
:options="rangeList"
:props="props"
:show-all-levels="false"
@change="handleChange"
ref="areaCode"
size="medium"
clearable >```
props: {
label: 'name',
children: 'children',
value: 'code',
checkStrictly: true,//父子不关联,即可以选择任意一级数据
multiple: false,
emitPath:false,//只展示及传递最后一级的数据
},