el-cascader设置默认值
时间: 2023-07-07 18:45:04 浏览: 62
vue el-cascader所需要的省市区街道联动的数据格式
在 Element-UI 中,可以通过 `v-model` 绑定 Cascader 组件的选中项数据,来设置默认值。例如:
```html
<el-cascader
v-model="selectedOptions"
:options="options"
:props="props"
></el-cascader>
```
其中,`selectedOptions` 是一个数组,用于存储 Cascader 组件的选中项数据。如果想要设置默认选中项,只需要在 `selectedOptions` 中设置初始值即可。
假设 `options` 是一个包含省市区数据的数组,且默认选中的是北京市朝阳区,可以这样设置默认值:
```js
data() {
return {
selectedOptions: ['110000', '110100', '110105'], // 北京市朝阳区的行政区划代码
options: [
{
value: '110000',
label: '北京市',
children: [
{
value: '110100',
label: '北京市',
children: [
{
value: '110105',
label: '朝阳区'
}
]
}
]
}
],
props: {
value: 'value',
label: 'label',
children: 'children'
}
}
}
```
这样,在组件初始化时,就会默认选中北京市朝阳区。
阅读全文