如何编写微信小程序代码实现搜索关键词自动高亮显示？

本文共计804个文字，预计阅读时间需要4分钟。

1. 前言+项目需求：在项目中遇到一个需求，需要搜索数据并突出关键词，接收到需求后，马上开始工作。

2.先上效果图。

3.源码已做成小程序代码片段，并放入GitHub。

4.文章底部有源码链接。

1，前言

项目中碰到一个需求，搜索数据并且关键词要高亮显示，接到需求，马上开干。先上效果图。源码已经做成了小程序代码片段，放入了GitHub了，文章底部有源码链接。

2，思路

博主第一时间想到的就是使用split，根据搜索的关键词，处理后台返回的数据，然后indexOf找到关键字，给每个字添加deep字段，deep为true，则高亮，为false，则正常。由于是小程序，所以楼主直接做成了一个高亮组件，代码很简单，实现步骤如下。