用v-html解决Vue.js渲染中html标签不被解析的问题

网络编程 2021-07-04 19:19www.168986.cn编程入门

这篇文章主要给大家介绍了如何利用v-html解决Vue.js渲染过程中html标签不能被解析，html标签显示为字符串的问题，文中通过图文介绍的很详细，有需要的朋友们可以参考借鉴，狼蚁网站SEO优化来一起看看吧。

前言

最近在工作中遇到一个问题，在网页中后台传来的json数据中包含html标签，将该json数据绑定到Vue.js中对象中，对该对象进行for循环，发现数据中的html标签不能被解析，而是当作字符显示出来。

问题如下所示

解决方法

Vue.js中提供了v-html这个指令来解决这个问题，或者对数据对象使用{{{vm.data}}}三个大括号来包裹对象，就可以正常解析了。

代码改动如下

以上就是这篇文章的全部内容了，希望本文的内容对大家都学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。