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

积极的人在每一次忧患中都看到一个机会,而消极的人则在每个机会都看到某种忧患。

前言

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

问题如下所示:

解决方法:

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

代码改动如下:

总结

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

您可能有感兴趣的文章
vuex管理状态 刷新页面保持不被清空的如何解决方案

vue 使某个组件不被 keep-alive 缓存的方法

如何解决ElementUI组件中el-upload上传图片不显示问题

element upload 钩子函数的坑及如何解决

Vue打包后页面出现空白如何解决办法