el-select 展示的值为value
时间: 2023-11-14 15:27:52 浏览: 34
您好!对于 el-select 组件来说,默认展示的值是通过设置 value 属性来实现的。可以将需要展示的值赋给 value 属性,el-select 组件会自动匹配并展示对应的选项。如果需要修改默认展示的值,只需更新 value 的值即可。
以下是一个示例:
```html
<template>
<div>
<el-select v-model="selectedValue" placeholder="请选择">
<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 {
selectedValue: 'option1', // 默认展示的值
options: [
{
label: '选项1',
value: 'option1'
},
{
label: '选项2',
value: 'option2'
},
{
label: '选项3',
value: 'option3'
}
]
};
}
};
</script>
```
在上述示例中,el-select 组件的默认展示值为 'option1',可以根据实际需求修改 selectedValue 的值来改变默认选中的值。