前言
最近在工作中遇到一个问题,在网页中后台传来的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制作滑动标签