- 11
- 0
- 约2.4千字
- 约 6页
- 2021-11-24 发布于湖北
- 举报
PAGE
PAGE 1
微信小程序实现搜索关键词高亮的示例代码
1,前言
项目中碰到一个需求,搜索数据并且关键词要高亮显示,接到需求,马上开干。先上效果图。源码已经做成了小程序代码片段,放入了GitHub了,文章底部有源码链接。
2,思路
博主第一时间想到的就是使用split,根据搜索的关键词,处理后台返回的数据,然后indexOf找到关键字,给每个字添加deep字段,deep为true,则高亮,为false,则正常。由于是小程序,所以楼主直接做成了一个高亮组件,代码很简单,实现步骤如下。
3,代码逻辑
模拟数据如下
list:[
?武汉
您可能关注的文档
- 【JavaScript编程知识】用纯JS实现二级菜单效果.docx
- 【JavaScript编程知识】vue+el-upload实现多文件动态上传.docx
- 【JavaScript编程知识】JavaScript实现伸缩二级菜单.docx
- 【JavaScript编程知识】JavaScript快速实现日历效果.docx
- 【JavaScript编程知识】React翻页器的实现(包含前后端).docx
- 【JavaScript编程知识】vue实现表格分页功能.docx
- 【JavaScript编程知识】JavaScript实现密码框输入验证.docx
- 【JavaScript编程知识】React State状态与生命周期的实现方法.docx
- 【JavaScript编程知识】Vue计算属性实现成绩单.docx
- 【JavaScript编程知识】vue echarts实现横向柱状图.docx
- 浙江舟山市七校联考2026-2027学年高二上学期11月期中语文试题.docx
- 2026北京丰台高一(上)期中语文(教师版).docx
- 土木力学剪力、弯矩的计算.pptx
- 土木基础工程课件第四章 桩基础.pptx
- Allen试验与桡动脉穿刺技术详解(1).pptx
- 江苏南通市2026—2027学年高三第一次调研考试语文试卷及答案.doc
- 2026年度神经内科护理工作汇报.pptx
- 北京大学物流管理概论2024-2025学年第一学期期末试卷可打印大学生期末复习.pdf
- 北京大学英语口语2024-2025学年第一学期期末试卷可打印复习备考.pdf
- 北京大学英语听力2024-2025学年第一学期期末试卷可打印大学生期末复习.pdf
原创力文档

文档评论(0)