源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间: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] 以上就是这篇文章的全部内容了,希望本文的内容对大家都 学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部