微信小程序实现高亮效果

大体思路：

根据要搜索的关键字，将现有的字符串切割成多分，存放在某个数组中；前台显示时候通过，循环数据绑定，循环输出这些被切割的字符串。

js代码：

sCallback: function (res) {//ajax回调函数

if (res.code == 1) {

var list = res.data.list;

//实现高亮

for (var i = 0; i < list.length; i++) {

var oldTitle = list[i].title;

var titleLight = [];

if (keywords){//如果有搜索关键字

//调用高亮函数

titleLight = that.light(keywords, oldTitle, titleLight);

} else {//如果没有搜索关键字

titleLight.push({ key: false, word: oldTitle });

}

list[i].titleLight = titleLight;

}

res.data.list = list;

//实现高亮结束

callback && callback(res.data);

}

小程序代码：