el-select默认选中第一项
时间: 2024-08-15 11:01:15 浏览: 61
`el-select` 是 Element UI 中的一个下拉选择组件,在Vue框架中,默认情况下,如果你没有指定其他选项的状态,它会自动选中第一个列出的选项。你可以通过设置 `value` 属性来控制默认选中的值,这个属性通常对应于你数据数组中的一个对象或者值。
例如,假设你的选项列表数据是这样的:
```javascript
data() {
return {
options: [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' }
]
};
}
```
然后在模板中绑定 `options` 到 `el-select` 的 `value`:
```html
<el-select v-model="options.value">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
```
这里 `v-model="options.value"` 表示默认选择第一个 `options` 对象的第一个值。如果 `options` 数组为空,或者你想自定义初始选中的值,你需要相应地调整 `v-model` 的绑定值。
阅读全文