使用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这个指令来解决这个问题，或者对数据对象使用{{{vm.data}}}三个大括号来包裹对象，就可以正常解析了。代码改动如下：



此外某些情况下，使用{{{}}}符号仍然不能解析html标签，但v-htm指令却可以，可能是Vue.js存在的bug吧。解释见下图



参考资料：

Vue.js官网api----http://vuejs.org.cn/api/#v-html