搜索功能支持大小写模糊查询

最新推荐文章于 2024-01-20 20:47:41 发布

测试狂人

最新推荐文章于 2024-01-20 20:47:41 发布

阅读量1.3k

点赞数

分类专栏：前端开发

本文为享有盛誉之名博主原创文章，未经博主允许不得转载。除非给我打钱，在征求本人同意即可。

本文链接：https://blog.csdn.net/bbs11007/article/details/112603275

版权

博客介绍了如何在搜索功能中支持大小写模糊查询。通过使用JavaScript的toUpperCase()函数，实现了JavaScript和Vue中搜索功能的调整。文章指出，初始方案可能导致大小写敏感的问题，并解释了问题的原因在于只有查询字符串被转换为大写，而源数据未进行转换。通过将源数据也转换为大写，实现了不区分大小写的模糊匹配效果。

摘要由CSDN通过智能技术生成

搜索功能：https://blog.csdn.net/bbs11007/article/details/110948483

搜索功能我们已经实现了，那么怎么支持大小写匹配？模糊查询我们需要用到一个函数是：toUpperCase()，

let result = this.pages1.values.filter(row => {//this.pages1.values这个是表内所有数据
              //搜索那列的内容，这里搜索name、id等列的内容
              return row.name.indexOf(this.search1.toUpperCase()) > -1 
                || row.id.indexOf(this.search1.toUpperCase()) > -1 
                || row.code.indexOf(this.search1.toUpperCase()) > -1 
                || row.note.indexOf(this.search1.toUpperCase()) > -1;
            });

js中的写法是：

if (td.innerHTML.toUpperCase().indexOf(filter) > -1 || td1.innerHTML.toUpperCase().indexOf(filter) > -1 || td2.innerHTML.toUpperCase().indexOf(filter) > -1)