Element-UI下拉框select实现拼音搜索

需求：用户要求打出首字母就能搜索到内容，而不是打汉字。

需求分析：element自带搜索功能，支持汉字搜索，拼音的话需要引入第三方插件了。经过实验 pinyin-match完美实现。

解决过程：

1. 首先安装 npm install pinyin-match --save

2. 全局引用和局部引用皆可，这里我们使用了局部引用
   import pinyin from "pinyin-match";

3. 给select标签添加filterable :filter-method="pinyingMatch"

4. 添加自定义搜索方法

pinyingMatch(val) {
      var that = this
      const pinyingMatch = require("pinyin-match");
      if (val) {
        var result = [];
        //
        //注意otherList是内容数组，根据自己项目修改
        that.otherList.forEach((e) => {
        //注意，e.employeeName是遍历数组之后的键，按需修改
          var m = pinyingMatch.match(e.employeeName, val);
          // console.log(m);
          if (m) {
            result.push(e);
          }
        });
        //搜索到相应的数据就把符合条件的n个数据赋值brand
        that.otherList = result;
      } else {
        //没有搜索到数据，就还展示所有的brand
        //copyotherList也是内容数组，为了显示全部，需要添加进之前的内容
        that.otherList = that.copyotherList;
      }
    }

成功解决。