关于element UI 的input搜索下拉框的两种匹配方
inputsearch
input search function
querySearch(queryString, cb) {
var restaurants = this.restaurants;
var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
// 调用 callback 返回建议列表的数据
cb(results);
},
createFilter(queryString) {
return (restaurant) => {
return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
};
}
这是例子的中算法。其实很简单,就是indexOf的简单应用。
但是这个===0
只能从开头匹配。全字段匹配就要改成>-1
演示页面:https://fredfeng0326.github.io/inputsearch/
Build Setup# install dependencies npm install # serve with hot reload at localhost:8080 npm run dev
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。