- 时间:2020-05-30 05:06 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:用v-html解决Vue.js渲染中html标签不被解析的问题
[b]前言[/b]
最近在工作中遇到一个问题,在网页中后台传来的[code]json[/code]数据中包含[code]html[/code]标签,将该[code]json[/code]数据绑定到Vue.js中对象中,对该对象进行[code]for[/code]循环,发现数据中的[code]html[/code]标签不能被解析,而是当作字符显示出来。
[b]问题如下所示:[/b]
[img]http://files.jb51.net/file_images/article/201612/20161214115329138.png?20161114115340[/img]
[b]解决方法:[/b]
Vue.js中提供了[code]v-html[/code]这个指令来解决这个问题,或者对数据对象使用[code]{{{vm.data}}}[/code]三个大括号来包裹对象,就可以正常解析了。
[b]代码改动如下:[/b]
[img]http://files.jb51.net/file_images/article/201612/20161214115415082.png?20161114115423[/img]
[b]总结[/b]
以上就是这篇文章的全部内容了,希望本文的内容对大家都 学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。