微信小程序搜索关键字高亮和ctrl+f搜索定位实现
原理
把需要高亮的字段,分割成数组,用wx:for 在<text>中遍历数组,判断当前的item等不等于keyword等于就高亮。
注意事项
关键代码
这里以item.title字段为例
什么时候分割?
进入列表页时是没有筛选的状态,当在搜索框输入时就可以进行分割了。就是不管你输入关键字还是删减关键字都要分割并且是关键字有值的时候分割
该字段分割成数组了,当关键字改变时怎么办?
这就有一个问题了,没输入关键字时,item.title是字符串,遍历字符串进行循环。
当你输入关键
原创
2021-02-02 09:06:56 ·
1567 阅读 ·
2 评论