el-select多选不加加号
时间: 2023-08-26 11:18:57 浏览: 125
要在 `el-select` 组件中实现多选功能,并且不显示加号,你可以设置 `collapse-tags` 属性为 true。这将折叠所有的标签,只显示一个标签来代表已选择的选项。下面是一个示例代码:
```html
<template>
<el-select v-model="selectedOptions" multiple collapse-tags>
<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 {
selectedOptions: [],
options: [
{ label: '选项1', value: 'option1' },
{ label: '选项2', value: 'option2' },
{ label: '选项3', value: 'option3' },
],
};
},
};
</script>
```
在上述代码中,我们使用了 `collapse-tags` 属性来折叠标签,这样就不会显示加号了。同时,我们设置了 `multiple` 属性来启用多选功能,并使用 `v-model` 绑定 `selectedOptions` 数组来保存用户选择的选项。你可以根据自己的需要修改选项的值和标签。
阅读全文