element-plus选择器自定义筛选方法（拼音首字母搜索）

引言最近，来了个需求，需要在下拉列表中做筛选。下拉列表显示的是中文，但筛选时可能会输入中文的拼音首字母。因此，需要实现一个筛选功能，能够根据拼音首字母筛选出匹配的选项。自定义筛选方法前端使用的是 vue3 和 element-plus。我使用的组件是 Select 选择器 | Element Plus 。为 el-select 添加 filterable 属性即可启用搜索功能。默认情况下，Select 会找出所有 label 属性包含输入值的选项。但这里需要匹配拼音首字母进行搜索，因此要通过传入一个 filter-method 来实现。filter-method 是一个函数，它会在输入值发生…