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

最新推荐文章于 2023-05-01 09:05:25 发布

混度思绪

最新推荐文章于 2023-05-01 09:05:25 发布

阅读量3k

点赞数

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

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

版权

一、由接口实现模糊搜索
后端接口实现模糊搜索，只需要实现关键字高亮即可，以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