elementui下拉菜单 v-model
时间: 2023-11-21 07:57:31 浏览: 99
elementui下拉菜单的v-model用于绑定下拉菜单选中的值。在使用下拉菜单时,我们需要在el-select标签中设置v-model属性,同时在el-option标签中设置label和value属性。其中,label属性用于显示在下拉菜单中的选项名称,value属性用于绑定选项的值。当用户选择某个选项时,v-model属性会自动更新为该选项的value值。
下面是一个示例代码,演示了如何使用elementui下拉菜单的v-model属性:
```html
<template>
<el-select v-model="selectedValue" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedValue: '', // 绑定选中的值
options: [ // 下拉菜单选项
{ label: '选项1', value: '1' },
{ label: '选项2', value: '2' },
{ label: '选项3', value: '3' }
]
}
}
}
</script>
```
阅读全文