小程序搜索关键字突出显示
先看效果:
实现思路:
循环搜索出来的数据,将每条数据再绑定在组件上,在组件中通过observer监听数据,将每条数据的所有关键词都替换成特殊字符包裹的关键词 如:str.replace(new RegExp(`${key}`, ‘g’), `**${key}**`) 再通过该字符进行分割转化成数组,遍历数组,判断是否为关键字给出突出样式。
observer 用于监听和响应任何属性和数据字段的变化。可以同时监听多个。一次 setData 最多触发每个监听器一次。同时也可以监听子数据字段