element UI中autocomplete实现模糊查询

今天产品老哥提了个要求输入框既支持下拉选择又要支持输入并且支持根据输入项过滤条目,当时想着使用el-select就能轻松完成呢,结果废了老半天的时间也没能实现,最后选择了el-autocomplete


官方文档中给的demo中是根据字符串头查询,并不能实现模糊查询

把return (link.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);改为return (link.value.toLowerCase().indexOf(queryString.toLowerCase()) != -1);就可以实现模糊查询了

下面是两次查询结果的对比


你可能感兴趣的:(element UI中autocomplete实现模糊查询)