el-cascader设置默认勾选
时间: 2023-11-17 22:55:52 浏览: 1098
可以通过设置 `v-model` 的值来实现 el-cascader 的默认勾选。具体来说,`v-model` 绑定一个数组,数组中的每个元素代表每一级选中的值。例如,如果要默认选中第一级的第一个选项,可以将 `v-model` 绑定为 `['1']`。
示例代码如下:
```html
<el-cascader
v-model="selectedOptions"
:options="options"
></el-cascader>
```
```javascript
data() {
return {
selectedOptions: ['1'] // 默认选中第一级的第一个选项
options: [
{
value: '1',
label: 'Option 1',
children: [
{
value: '1-1',
label: 'Option 1-1'
},
{
value: '1-2',
label: 'Option 1-2'
}
]
},
{
value: '2',
label: 'Option 2',
children: [
{
value: '2-1',
label: 'Option 2-1'
},
{
value: '2-2',
label: 'Option 2-2'
}
]
}
]
}
}
```
阅读全文