vue如何把数据中的html标签显示出来

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

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

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

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

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


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

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


版权声明:本文为weixin_43824675原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。