评论

小程序搜索关键字突出显示

快速过滤关键词突出

先看效果:

实现思路:

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

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

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

最后一次编辑于  2020-11-25  
点赞 12
收藏
评论

1 个评论

  • 小黎
    小黎
    2022-02-28

    2022-02-28
    赞同 1
    回复
登录 后发表内容