1.安装依赖包
npm install pinyin-match --save
2.全局引用或局部引用
import pinyin from 'pinyin-match'
2.添加触发方法html如下
:filter-method="pinyinMatch"
3.编写pinyinMatch()方法
//注:Dept下拉框绑定的数组对象,copyDept是初始化copy的Dept
pinyinMatch(val) {
if (val) {
let result = [];//声明一个空数组保存搜索内容
this.copyDept.forEach(e => {//循环判断内容和拼音首字母是否匹配
let m = pinyin.match(e.name, val)
if (m) {
result.push(e)
}
});
this.source.Dept = result; //返回匹配的数组
} else {
this.source.Dept = this.copyDept //未输入返回开始copy的原数组
}
}