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

2019-11-26,,,,

前言

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

问题如下所示:

解决方法:

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

代码改动如下:

总结

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

您可能感兴趣的文章:

  • 详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
  • vue监听input标签的value值方法
  • 详解vue-meta如何让你更优雅的管理头部标签
  • Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
  • vue-router实现tab标签页(单页面)详解
  • vue中动态设置meta标签和title标签的方法
  • vue中v-for循环给标签属性赋值的方法
  • 详解Vue-基本标签和自定义控件
  • 关于vue v-for循环解决img标签的src动态绑定问题
  • 使用vue制作滑动标签

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

下载本文的Word格式文档,以方便收藏与打印。