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

• Z时代
• 2024-01-10
• 分类：综合

前言

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

问题如下所示：

解决方法：

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

代码改动如下：

总结

以上是 用v-html解决Vue.js渲染中html标签不被解析的问题 的全部内容， 来源链接： utcz.com/z/337257.html