el-select选择器默认值
时间: 2023-08-15 19:13:53 浏览: 222
el-select选择器的默认值可以通过设置`v-model`来实现。在Vue中,可以将默认值绑定到一个data属性上,然后将这个属性作为`v-model`的值。例如:
```html
<template>
<div>
<el-select v-model="selectedOption">
<el-option
v-for="option in options"
:key="option.value"
:label="option.label"
:value="option.value"
></el-option>
</el-select>
</div>
</template>
<script>
export default {
data() {
return {
// 默认值为options中的第一个选项
selectedOption: 'option1',
options: [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' }
]
};
}
};
</script>
```
在上面的代码中,`selectedOption`被设置为options中的第一个选项的value值,这样el-select选择器就会默认选中第一个选项。你可以根据自己的需求修改`selectedOption`的值来设置不同的默认选项。
阅读全文