用v-html解决Vue.js渲染中html标签不被解析的问题
更新时间：2016年12月14日 11:54:50 作者：farYang
这篇文章主要给大家介绍了如何利用v-html解决Vue.js渲染过程中html标签不能被解析，html标签显示为字符串的问题，文中通过图文介绍的很详细，有需要的朋友们可以参考借鉴，下面来一起看看吧。
前言
最近在工作中遇到一个问题，在网页中后台传来的json数据中包含html标签，将该json数据绑定到Vue.js中对象中，对该对象进行for循环，发现数据中的html标签不能被解析，而是当作字符显示出来。
问题如下所示：
解决方法：
Vue.js中提供了v-html这个指令来解决这个问题，或者对数据对象使用{{{vm.data}}}三个大括号来包裹对象，就可以正常解析了。
代码改动如下：
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家都 学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
相关文章
Pinia是一个同时支持Vue2和Vue3的应用状态管理工具,简单来说就是为了管理整个应用中的响应式数据,解决各个组件交互时数据状态的不好管理的问题,下面这篇文章主要给大家介绍了关于vue3搭配pinia踩坑的相关资料,需要的朋友可以参考下2022-04-04
这篇文章主要为大家详细介绍了vue ElementUI实现异步加载树，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
在Vue和Django进行前后分离开发时,经常会遇到跨域和CSRF令牌验证问题,本文详细介绍了如何在Django后端设置视图获取CSRF令牌,并在Vue前端进行配置以确保安全的数据交互,文章提供了后端视图创建、settings配置以及前端axios请求封装的具体方法2024-09-09
如何在Vue中实现Svelte的Defer Transition
这篇文章主要介绍了如何在Vue中实现Svelte的Defer Transition，帮助大家更好的理解和学习使用vue，感兴趣的朋友可以了解下2021-04-04
这篇文章主要介绍了vue常见的事件修饰符,在平时无论是面试还是学习工作中都会经常遇到的,本文就带你快速上手,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了vue实现PC端分辨率适配操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了Vue CLI2升级至Vue CLI3的方法步骤,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了vue项目如何通过url链接引入其他系统页面问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了nuxt静态部署打包相对路径操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
随着互联网的发展,PDF 文件在信息交流和文档分享中起着重要的作用,通过在 Vue 组件中实现 PDF 预览功能,我们可以为用户提供便捷的内容阅读体验,下面我们就来看看具体实现方法吧2023-08-08
最新评论