el-cascader省市区回显
时间: 2023-11-10 14:02:55 浏览: 145
使用element中el-cascader级联选择器:实现省市区街道筛选、动态懒加载以及回显
el-cascader组件可以通过v-model来实现省市区的回显。在使用时,可以将需要回显的省市区数据绑定到v-model指定的变量上。例如,如果要回显“广东省深圳市南山区”的数据,则可以将一个长度为3的数组绑定到v-model上,数组的三个元素分别为“广东省”、“深圳市”和“南山区”。
示例代码如下:
```
<template>
<el-cascader
v-model="selectedOptions"
:options="options"
:props="props"
></el-cascader>
</template>
<script>
export default {
data() {
return {
selectedOptions: ['广东省', '深圳市', '南山区'],
options: [
{
value: '广东省',
label: '广东省',
children: [
{
value: '深圳市',
label: '深圳市',
children: [
{
value: '南山区',
label: '南山区',
},
],
},
],
},
],
props: {
value: 'value',
label: 'label',
children: 'children',
},
};
},
};
</script>
```
阅读全文