在后台返回的数组里面的字段与element默认的不相同时,element开发文档有个属性:children,子选项是可以修改的
children 指定选项的子选项为选项对象的某个属性值 string — ‘children’
//element级联选择器的组件
<el-cascader
v-model="selectedOptions"
placeholder="请选择区域"
:options="options"
:props="defaultParams"
@change="handleChange">
</el-cascader>
//初始化
data() {
return {
selectedOptions: [],
options: [],
defaultParams: {
label: 'name', //名字赋值给label
value: 'id',
children: 'districtChildren' //将后端返回的子选项字段赋值给element默认的children
}
}
},
//请求后台接口
getarea().then((res) => {
this.options = res.data
})