el-select 可清空选项
时间: 2024-06-29 20:01:06 浏览: 446
el-select 下拉框多选实现全选的实现
`el-select` 是 Element UI 中的一个下拉选择组件,它提供了丰富的功能,包括搜索、分组、多选和单选等。如果你想要实现清空选项的功能,可以通过设置 `clearable` 属性来启用这个特性。当你点击选择框旁边的 "X" 按钮时,会选择框中的所有选项被清除,显示为初始的空状态。
以下是使用 `clearable` 属性的示例代码:
```html
<el-select v-model="selectedValue" placeholder="请选择" clearable>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
```
在这个例子中,`selectedValue` 是绑定的值,`options` 是可选的选项列表。当 `selectedValue` 为空时,下拉框将默认显示一个 "请选择" 的提示。
阅读全文