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

前言

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

问题如下所示：

解决方法：

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

代码改动如下：

总结

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

# vue渲染html字符串  # vue  # 解析html  # vue.js  # 渲染html  # Vue中插入HTML代码的方法  # VUE页面中加载外部HTML的示例代码  # vue学习笔记之指令v-text && v-html && v-bind详解  # Vue 将后台传过来的带html字段的字符串转换为 HTML  # vue在index.html中引入静态文件不生效问题及解决方法  # HTML页面中使用Vue示例进阶（快速学会上手Vue）  # 大家都  # 所示  # 一个问题  # 这篇文章  # 中对  # 解决方法  # 绑定  # 将该  # 在工作中  # 解决这个问题  # 就可以  # 象中  # 有疑问  # data  # strong  # code  # vm  # style  # span  # color 

相关文章： 安云自助建站系统如何快速提升SEO排名？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  宁波免费建站如何选择可靠模板与平台？  Python如何创建带属性的XML节点  头像制作网站在线制作软件,dw网页背景图像怎么设置？  css网站制作参考文献有哪些,易聊怎么注册？  Android使用GridView实现日历的简单功能  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  如何基于PHP生成高效IDC网络公司建站源码？  香港服务器如何优化才能显著提升网站加载速度？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  建站VPS推荐：2025年高性能服务器配置指南  微信推文制作网站有哪些,怎么做微信推文，急？  已有域名和空间如何快速搭建网站？  如何快速打造个性化非模板自助建站？  重庆市网站制作公司,重庆招聘网站哪个好？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  javascript基本数据类型及类型检测常用方法小结  网站制作难吗安全吗,做一个网站需要多久时间？  活动邀请函制作网站有哪些,活动邀请函文案？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  简历在线制作网站免费,免费下载个人简历的网站是哪些？  如何快速使用云服务器搭建个人网站？  如何高效利用200m空间完成建站？  建站之星代理如何优化在线客服效率？  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  C++如何编写函数模板？（泛型编程入门）  如何在云主机快速搭建网站站点？  如何安全更换建站之星模板并保留数据？  网站企业制作流程,用什么语言做企业网站比较好？  成都网站制作报价公司,成都工业用气开户费用？  如何通过VPS建站无需域名直接访问？  建站主机选哪家性价比最高？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  建站之星如何防范黑客攻击与数据泄露？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  广州美橙建站如何快速搭建多端合一网站？  移民网站制作流程,怎么看加拿大移民官网？  c++怎么用jemalloc c++替换默认内存分配器【性能】  如何通过云梦建站系统实现SEO快速优化？  如何高效完成独享虚拟主机建站？  家具网站制作软件,家具厂怎么跑业务？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  建站之星CMS建站配置指南：模板选择与SEO优化技巧  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  建站之星如何实现五合一智能建站与营销推广？