用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优化+多语言支持，快速搭建专业网站  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  建站之星24小时客服电话如何获取？  如何获取免费开源的自助建站系统源码？  高端企业智能建站程序：SEO优化与响应式模板定制开发  如何撰写建站申请书？关键要点有哪些？  建站之星后台密码遗忘如何找回？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  建站VPS推荐：2025年高性能服务器配置指南  建站DNS解析失败？如何正确配置域名服务器？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  建站之星logo尺寸如何设置最合适？  魔方云NAT建站如何实现端口转发？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  昆明网站制作哪家好,昆明公租房申请网上登录入口？  如何挑选优质建站一级代理提升网站排名？  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  建站主机选购指南与交易推荐：核心配置解析  模具网站制作流程,如何找模具客户？  已有域名如何免费搭建网站？  为什么Go需要go mod文件_Go go mod文件作用说明  如何快速搭建高效简练网站？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  如何在自有机房高效搭建专业网站？  建站主机如何安装配置？新手必看操作指南  电商网站制作公司有哪些,1688网是什么意思？  建站VPS选购需注意哪些关键参数？  平台云上自主建站：模板化设计与智能工具打造高效网站  如何快速生成可下载的建站源码工具？  如何在万网开始建站？分步指南解析  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  如何将凡科建站内容保存为本地文件？  购物网站制作公司有哪些,哪个购物网站比较好？  建站之星价格显示格式升级，你的预算足够吗？  小程序网站制作需要准备什么资料,如何制作小程序？  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  定制建站哪家更专业可靠？推荐榜单揭晓  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  建站之星如何修改网站生成路径？