使用v-html解决Vue.js渲染过程中html标签不能被解析（html标签显示为字符串）
原文地址：http://blog.csdn.net/faryang/article/details/53011703在网页中，后台传来的json数据中包含html标签，将该json数据绑定到Vue.js中对象中，对该对象进行for循环，发现数据中的html标签不能被解析，而是当作字符显示出来。问题如下所示：解决：Vue.js中提供了v-html这
·
原文地址：http://blog.csdn.net/faryang/article/details/53011703
在网页中，后台传来的json数据中包含html标签，将该json数据绑定到Vue.js中对象中，对该对象进行for循环，发现数据中的html标签不能被解析，而是当作字符显示出来。问题如下所示：
解决：
Vue.js中提供了v-html这个指令来解决这个问题，或者对数据对象使用{{{vm.data}}}三个大括号来包裹对象，就可以正常解析了。代码改动如下：
此外某些情况下，使用{{{}}}符号仍然不能解析html标签，但v-htm指令却可以，可能是Vue.js存在的bug吧。解释见下图
参考资料：
Vue.js官网api----http://vuejs.org.cn/api/#v-html
前往低代码交流专区
更多推荐
4
0- 0
已为社区贡献17条内容
所有评论(0)