el-cascader省市区只返回区code,怎么回显
时间: 2024-01-04 12:17:08 浏览: 98
使用element中el-cascader级联选择器:实现省市区街道筛选、动态懒加载以及回显
如果el-cascader省市区只返回区code,需要进行以下步骤来回显省市区数据:
1. 首先,将后台返回的区code保存在一个数组中。
2. 在el-cascader中设置v-model绑定一个数组,用于保存选中的省市区数据。
3. 在mounted钩子函数中,调用setArea方法将后台返回的区code数组传入,实现数据回显。
具体代码实现可以参考以下示例:
```
<el-cascader v-model="selectedOptions" :options="options" @change="handleChange"></el-cascader>
<script>
export default {
data() {
return {
selectedOptions: [], // 用于保存选中的省市区数据
options: [] // 省市区数据源
}
},
mounted() {
let arr = ['120101001001'] // 后台返回的区code数组
this.$nextTick(() => {
this.$refs.cascader.setArea(arr) // 调用setArea方法实现数据回显
})
},
methods: {
handleChange(value) {
console.log(value)
}
}
}
</script>
```
阅读全文