vue3element级联选择器默认值
时间: 2023-12-25 19:29:07 浏览: 112
vue 实现单选框设置默认选中值
在Vue3的Element级联选择器中,可以通过`v-model`指令和`options`属性来设置默认值。
1. 使用`v-model`指令:
```html
<el-cascader v-model="value" :options="options" @change="handleChange" />
```
在Vue实例中,可以通过`data`选项中的`value`属性来设置默认值。例如:
```javascript
data() {
return {
value: ['guide', 'disciplines', 'consistency']
}
}
```
2. 使用`options`属性:
```html
<el-cascader :options="options" @change="handleChange" />
```
在Vue实例中,可以通过`data`选项中的`options`属性来设置级联选择器的选项。例如:
```javascript
data() {
return {
options: [
{
value: 'guide',
label: 'Guide',
children: [
{
value: 'disciplines',
label: 'Disciplines',
children: [
{
value: 'consistency',
label: 'Consistency'
}
]
}
]
}
],
value: ['guide', 'disciplines', 'consistency']
}
}
```
以上是两种设置Vue3的Element级联选择器默认值的方法。
阅读全文