el-select默认值
时间: 2023-08-27 09:16:15 浏览: 240
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
el-select 的默认值可以通过设置 v-model 的初始值来实现。v-model 绑定的值即为 el-select 的选中值。在选项中,可以通过设置 selected 属性来指定默认选中的选项。
例如,下面的代码演示了一个 el-select 组件,并将其默认值设置为 "option2":
```html
<template>
<el-select v-model="selectedOption">
<el-option label="Option 1" value="option1"></el-option>
<el-option label="Option 2" value="option2" selected></el-option>
<el-option label="Option 3" value="option3"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedOption: 'option2'
};
}
};
</script>
```
在上面的例子中,selectedOption 的初始值为 "option2",因此 "Option 2" 将会被默认选中。
希望这能帮到你!如果还有其他问题,请随时问我。
阅读全文