el-select中label和value值
时间: 2023-10-19 09:55:23 浏览: 94
在 `el-select` 组件中,`label` 属性用于显示在下拉列表中的选项文本,而 `value` 属性用于表示选项的实际值。当选中某个选项时,`value` 属性的值会被绑定到 `el-select` 组件的 `v-model` 中。
下面是一个示例:
```html
<template>
<el-select v-model="selectedValue">
<el-option
v-for="option in options"
:key="option.value"
:label="option.label"
:value="option.value"
></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedValue: '',
options: [
{ label: '选项1', value: 'option1' },
{ label: '选项2', value: 'option2' },
{ label: '选项3', value: 'option3' }
]
};
}
};
</script>
```
在上面的示例中,`options` 数组包含了三个选项,每个选项都有一个 `label` 属性和一个 `value` 属性。当用户选择某个选项时,`selectedValue` 的值会被更新为选项的 `value` 值。
阅读全文