el-select设置默认值
时间: 2024-03-05 19:46:39 浏览: 447
在Element UI中,el-select组件可以通过设置默认值来显示初始选项。有两种方式可以设置el-select的默认值:
1. 使用v-model指令:可以通过在el-select上使用v-model指令来绑定一个数据属性,该属性的值即为el-select的默认值。例如:
```html
<el-select v-model="selectedValue">
<el-option label="Option 1" value="option1"></el-option>
<el-option label="Option 2" value="option2"></el-option>
<el-option label="Option 3" value="option3"></el-option>
</el-select>
```
在上述代码中,`selectedValue`就是用来存储el-select的默认值的数据属性。
2. 使用default-value属性:可以通过设置el-select的`default-value`属性来指定默认选中的选项的值。例如:
```html
<el-select default-value="option2">
<el-option label="Option 1" value="option1"></el-option>
<el-option label="Option 2" value="option2"></el-option>
<el-option label="Option 3" value="option3"></el-option>
</el-select>
```
在上述代码中,`default-value`属性被设置为`option2`,因此初始时会默认选中label为"Option 2"的选项。
阅读全文