el-option设置默认选中
时间: 2024-09-26 13:12:05 浏览: 47
在Element UI的`el-select`组件中,如果你想设置某个选项默认被选中,你可以这样做:
```html
<el-select v-model="selectedValue">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<script>
export default {
data() {
return {
selectedValue: '', // 这里设置默认值
options: [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
// ... 其他选项
]
};
}
};
</script>
```
在这个例子中,`v-model`绑定到`selectedValue`,当你初始化应用时,你可以将`selectedValue`设置为你想要预选中的选项的值。例如,如果你想让第一个选项"Option 1"默认被选中,你可以在`data`中这样配置:
```javascript
selectedValue: 'option1',
```
如果`options`数组的结构与你上面的例子一致,这将会使得`Option 1`在下拉菜单中显示为已选择状态。
阅读全文