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