el-cascader默认选中值
时间: 2023-11-07 19:47:32 浏览: 373
对于el-cascader组件来说,默认选中值可以通过设置`value`属性来实现。`value`属性是一个数组,数组中的每一项对应各级级联选择器的选中值。例如,如果想要默认选中"广东省"、"深圳市"、"南山区"这三个选项,可以将`value`属性设置为`['广东省', '深圳市', '南山区']`。
以下是一个示例代码:
```html
<template>
<el-cascader :options="options" v-model="selectedOptions"></el-cascader>
</template>
<script>
export default {
data() {
return {
options: [
{
value: '广东省',
label: '广东省',
children: [
{
value: '深圳市',
label: '深圳市',
children: [
{
value: '南山区',
label: '南山区'
}
// 其他区域
]
}
// 其他城市
]
}
// 其他省份
],
selectedOptions: ['广东省', '深圳市', '南山区']
}
}
}
</script>
```
在上面的示例中,`options`是级联选择器的选项数据,`selectedOptions`是默认选中的值。通过设置`selectedOptions`为`['广东省', '深圳市', '南山区']`,即可实现默认选中效果。
阅读全文
相关推荐

















