js实现模糊搜索与关键字高亮

最新推荐文章于 2024-08-11 16:46:06 发布

混度思绪

最新推荐文章于 2024-08-11 16:46:06 发布

阅读量3.1k

点赞数

分类专栏： js 项目开发中遇到的问题文章标签： javascript 前端

本文链接：https://blog.csdn.net/dasy_r/article/details/127850453

版权

这篇博客主要介绍了如何使用JavaScript实现模糊搜索功能，并在搜索结果中进行关键字高亮显示。首先，博主提到了可以通过后端接口实现模糊搜索，然后详细阐述了如何在前端自己手动实现这一功能，包括HTML结构的设计和JavaScript代码的编写。

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

一、由接口实现模糊搜索
后端接口实现模糊搜索，只需要实现关键字高亮即可，以uniapp请求为例

getList() {
   
	uni.showLoading({
   
		title: '加载中'
	});
	let data = {
   }//需要传的参数
	uni.request({
   
		url: url,//需要请求的接口
		method: "GET",
		header: {
   
			'X-JWT-TOKEN': this.token
		},//接口需要传的token 
		data: data,
		success: (res) => {
   //成功返回
			uni.hideLoading();//关闭加载的圈圈
			var list = res.data.Results;//返回的数组
			// 设置关键字高亮需要额外添加新字段
			list.forEach((item) => {
   
				this.$set(item,'Text', item