element ui 下拉框 如何默认选中第一对象
时间: 2023-06-30 18:10:23 浏览: 265
element-ui中的select下拉列表设置默认值方法
在 Element UI 中,可以通过设置 `v-model` 和 `options` 属性来实现下拉框的选中和数据绑定。如果要默认选中第一个选项,可以将 `v-model` 绑定到第一个选项的值上。
举例来说,如果下拉框的选项数据为:
```
options: [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' }
]
```
则可以将 `v-model` 绑定到 `option1`:
```
<el-select v-model="selectedOption" :options="options"></el-select>
```
在 Vue.js 中,可以在 `data` 中初始化 `selectedOption` 的值为 `option1`:
```
data() {
return {
selectedOption: 'option1'
}
}
```
这样就可以默认选中第一个选项了。
阅读全文