在wxml当中:
<view wx:for='{{searchsuggestions}}' wx:key='index'>
<rich-text nodes="{{item.keyword}}"></rich-text>
</view>
在js当中:
//后端返回的数据
let data = res.result.allMatch
data.map((item) =>{
//使用replace方法将搜索的关键字拿到,并进行替换,使用模板字符串设置关键字高亮显示
item.keyword = item.keyword.replace(this.data.value,//替换输入框的内容
`<span style="color:skyblue;">${this.data.value}</span>`)
})
this.setData({
searchsuggestions: data//替换后的内容赋值
})