养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

elementUI如何实现select搜索功能

时间:2024-11-15 06:08:20

在使用elementUI框架开发项目,默认情况下下拉框是没有搜索效果的,那如何让s娣定撰钠elect下拉框实现搜索?可以通过添加filterable属性来实现。如图:

elementUI如何实现select搜索功能

方法/步骤

1、打开vue文件,新增select下拉框标签。如图:

elementUI如何实现select搜索功能

2、然后在下拉框标签上添加filterable属性,实现下拉框带搜索的功能。如图:

elementUI如何实现select搜索功能

3、保存vue文件后使用浏览器打开,在select下拉框上输入内容进行搜索,就可以看到下拉框显示搜索的结果。如图:

elementUI如何实现select搜索功能

elementUI如何实现select搜索功能

© 一点知识