el-form select多选
时间: 2023-11-11 15:02:58 浏览: 97
对于 el-form 的 select 组件来说,要实现多选功能可以使用 el-select 的 multiple 属性。设置 multiple 属性为 true,就可以允许用户选择多个选项了。
示例代码如下:
```html
<template>
<el-form>
<el-form-item label="选择项">
<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>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
selectedOptions: [],
options: [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' },
// 其他选项...
]
};
}
};
</script>
```
在这个示例中,使用了 el-select 组件来展示多个选项,通过设置 v-model 的值为 selectedOptions,可以将用户选择的选项存储起来。
阅读全文