elementUI 下拉框 多选
时间: 2023-08-27 15:06:52 浏览: 101
下拉框多选
怎么实现?
您好,针对您的问题,我们可以通过设置 el-select 组件的 multiple 属性为 true 来实现多选下拉框功能。例如:
```html
<template>
<el-select v-model="selectedOptions" multiple>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
```
其中,options 是一个数组,每个元素包含一个 value 属性和一个 label 属性,用来显示选项的值和标签。selectedOptions 则是一个数组,我们可以通过双向绑定 v-model 来实现选择的实时更新。希望这个回答能够对您有所帮助,如果您还有其他问题,请随时提出。
阅读全文