今天处理一个搜索结果的数据中,关键字需要高亮显示。
例如:
搜索关键字“查找”
接口返回的数据为“查找到书本”
把“查找到书本”中的查找替换成<span style="color:red;"></span>
// 假如对应的字段是text
如果我们在vue中是<div>{{text}}</div>这样写的话
那么显示的就是==><span style="color:red;">查找</span>到书本
如果要让html标签生效 我们需要这样写<div v-html="text"></div>
那么我们得到的就是==>(红色字体的查找) 查找到书本