el-autocomplete 输入建议模糊匹配

这篇博客探讨了如何修改JavaScript代码以实现模糊搜索功能。原有的精确匹配通过indexOf方法被替换为两种不同的模糊匹配策略:一是检查字符串是否包含查询字符串,二是使用match方法进行正则匹配。这两种方法使得搜索更加灵活,提高了用户体验。
摘要由CSDN通过智能技术生成

 

根据网上查询总结两点

1、官网代码是这样

 createFilter(queryString) {
   return (restaurant) => {
     return (restaurant.stationName.toLowerCase().indexOf(queryString.toLowerCase())===0);
   };
 }

改成这样就可以了

 createFilter(queryString) {
   return (restaurant) => {
     return (restaurant.stationName.toLowerCase().indexOf(queryString.toLowerCase())!==-1);
   };
 }

2、将indexof精准匹配改为模糊匹配match

 createFilter(queryString) {
      return (restaurant) => {
        return restaurant.stationName.toLowerCase().match(queryString.toLowerCase());
      };
  }

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值