目录

element-中-el-select-中根据已获取数据模糊搜索查询

element 中 el-select 中根据已获取数据模糊搜索查询

1、在项目中需求要根据已获取的数据列表,进行搜索模糊查询,如下图:

https://i-blog.csdnimg.cn/blog_migrate/8b213e1d8ec244059b422c6dd6d08b53.png

2、实现方案:为 el-select 添加 filterable 属性即可

根据 element 根据官方文档所描述,为 el-select 添加 filterable 属性即可启用搜索功能。默认情况下,Select 会找出所有 label 属性包含输入值的选项。如果希望使用其他的搜索逻辑,可以通过传入一个 filter-method 来实现。 filter-method 为一个 Function ,它会在输入值发生变化时调用,参数为当前输入值。

https://i-blog.csdnimg.cn/blog_migrate/57b19a5ec2c323e1bec0b182f25703e8.png