今天处理一个搜索结果的数据中,关键字需要高亮显示。

例如:
		搜索关键字“查找”

接口返回的数据为“查找到书本”

把“查找到书本”中的查找替换成<span style="color:red;"></span>

// 假如对应的字段是text
如果我们在vue中是<div>{{text}}</div>这样写的话   
那么显示的就是==><span style="color:red;">查找</span>到书本


如果要让html标签生效   我们需要这样写<div v-html="text"></div>

那么我们得到的就是==>(红色字体的查找) 查找到书本

Logo

前往低代码交流专区

更多推荐