小程序搜索关键字突出显示
发布于 4 年前 作者 junjia 1852 次浏览 来自 分享

先看效果:

实现思路:

循环搜索出来的数据,将每条数据再绑定在组件上,在组件中通过observer监听数据,将每条数据的所有关键词都替换成特殊字符包裹的关键词 如:str.replace(new RegExp(`${key}`, g), `**${key}**`) 再通过该字符进行分割转化成数组,遍历数组,判断是否为关键字给出突出样式。

observer 用于监听和响应任何属性和数据字段的变化。可以同时监听多个。一次 setData 最多触发每个监听器一次。同时也可以监听子数据字段

代码片段:https://developers.weixin.qq.com/s/GEHhn7mP77m4

回到顶部