el-select多选不要删除图标
时间: 2024-08-07 14:00:56 浏览: 201
el-select 下拉框多选实现全选的实现
5星 · 资源好评率100%
el-select组件是Element UI库中的下拉选择框,它支持单选或多选模式。如果你想在多选模式下隐藏删除图标,可以在`el-select`组件的选项中设置每个选项的对象,然后在该对象上添加一个自定义的属性,比如`removeIcon: false`,这样就不会显示默认的删除图标。
示例代码如下:
```html
<el-select multiple placeholder="请选择" v-model="selectedValues">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
:remove-icon="false"> <!-- 隐藏删除图标 -->
</el-option>
</el-select>
<script>
data() {
return {
selectedValues: [],
options: [
{ value: 'option1', label: '选项一', removeIcon: false },
{ value: 'option2', label: '选项二', removeIcon: false },
// ...
]
};
}
</script>
```
阅读全文