时间:2021-05-18
前言
最近在工作中遇到一个问题,在网页中后台传来的json数据中包含html标签,将该json数据绑定到Vue.js中对象中,对该对象进行for循环,发现数据中的html标签不能被解析,而是当作字符显示出来。
问题如下所示:
解决方法:
Vue.js中提供了v-html这个指令来解决这个问题,或者对数据对象使用{{{vm.data}}}三个大括号来包裹对象,就可以正常解析了。
代码改动如下:
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家都 学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
背景:后端返前端html格式的数据,前端用v-html解析渲染,如:,a标签能成功渲染,但其绑定的事件无法触发。原因:vue没有将其作为vue的模板解析渲染解决
Vue为v-html中标签添加CSS样式{{news.title}}{{news.datetime}}返回列表当我们使用v-html渲染页面,使用下面这种方式去
本文实例讲述了vue.js使用v-pre与v-html输出HTML操作。分享给大家供大家参考,具体如下:/vue/2.5.16/vue.min.js">{{这里
1.问题描述在最近的vue项目中遇到的问题:v-html渲染的富文本,无法在样式表中修改样式。代码如下,div.article-context里面的图片修改成自
本文实例讲述了vue学习笔记之slot插槽基本用法。分享给大家供大家参考,具体如下:不使用插槽,在template中用v-html解析父组件传来的带有标签的co