el-select添加搜索框
时间: 2023-10-06 08:05:32 浏览: 88
select 增加搜索框
要在 el-select 中添加搜索框,你可以使用 el-select 的 filterable 属性。将 filterable 设置为 true 后,el-select 将显示一个搜索框,以便用户可以搜索选项。
以下是一个示例代码:
```html
<el-select v-model="selectedValue" filterable>
<el-option
v-for="option in options"
:key="option.value"
:label="option.label"
:value="option.value">
</el-option>
</el-select>
```
在上面的代码中,v-model 绑定的是选择的值,options 是一个包含选项的数组。当用户在搜索框中输入时,el-select 将根据输入内容过滤选项。
希望能帮助到你!
阅读全文