编程 Javascript

Vue.js 中取得后台原生HTML字符串原样显示问题的解决方法

Posted in Javascript onJune 10, 2018

今天使用vue调试页面，发现了页面上的一个问题，后台数据传过来的HTML字符串并没有被转换为正常的HTML代码，一拍脑门，发现忘记转换了，于是满心欢喜加上了{{{}}}。但是之后构建发现报错：

为此去官网上查了下资料，发现在vue2.0版本中，{{{}}}转换HTML的方式已经被废除，该版本中必须使用v-html标签进行转换，下面是具体的使用方法：

<span v-html="htmlData">
 {{htmlData}}
</span>

总结

以上所述是小编给大家介绍的VUE.js 中取得后台原生HTML字符串原样显示问题，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

Vue.js 中取得后台原生HTML字符串原样显示问题的解决方法

- Author -

E神9527

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别

Jun 29 Javascript

javascript实现json页面分页实例代码

Feb 20 Javascript

Javascript中数组方法汇总(推荐)

Apr 01 Javascript

JQuery中DOM实现事件移除的方法

Jun 13 Javascript

jquery设置表单元素为不可用的简单代码

Jul 04 Javascript

Node.js与MySQL交互操作及其注意事项

Oct 05 Javascript

详解AngularJS ng-class样式切换

Jun 27 Javascript

用Webpack构建Vue项目的实践

Nov 07 Javascript

javascript与PHP动态往类中添加方法对比

Mar 21 Javascript

node.js自动上传ftp的脚本分享

Jun 16 Javascript

详解vue通过NGINX部署在子目录或者二级目录实践

Sep 03 Javascript

深入浅析vue全局环境变量和模式

Apr 28 Javascript

实例详解Node.js 函数

Jun 10 #Javascript

微信小程序实现倒计时调用相机自动拍照功能

Jun 10 #Javascript

深入浅析Vue中的Prop

Jun 10 #Javascript

vue项目部署上线遇到的问题及解决方法

Jun 10 #Javascript

js技巧之十几行的代码实现vue.watch代码

Jun 09 #Javascript

浅谈JS对象添加getter与setter的5种方法

Jun 09 #Javascript

让你5分钟掌握9个JavaScript小技巧

Jun 09 #Javascript

You might like

PHP删除HTMl标签的实现代码

2013/06/30 PHP

PHP中绘制图像的一些函数总结

2014/11/19 PHP

php中debug_backtrace、debug_print_backtrace和匿名函数用法实例

2014/12/01 PHP

浅谈php命令行用法

2015/02/04 PHP

PHP5.3新特性小结

2016/02/14 PHP

利用laravel搭建一个迷你博客实战教程

2017/08/13 PHP

PHP钩子与简单分发方式实例分析

2017/09/04 PHP

PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)

2019/11/19 PHP

js实现的日期操作类DateTime函数代码

2010/03/16 Javascript

window.location.href中url中数据量太大时的解决方法

2013/12/23 Javascript

jquery退出each循环的写法

2014/02/26 Javascript

js转化毫秒为时间格式代码

2014/04/10 Javascript

js调用百度地图及调用百度地图的搜索功能

2015/09/07 Javascript

jQuery实现的超酷苹果风格图标滑出菜单效果代码

2015/09/16 Javascript

jQuery Select下拉框操作小结(推荐)

2016/07/22 Javascript

Bootstrap基本组件学习笔记之缩略图(13)

2016/12/08 Javascript

javascript中apply/call和bind的使用

2017/02/15 Javascript

JS库之wow.js使用方法

2017/09/14 Javascript

如何在Vue中使用CleaveJS格式化你的输入内容

2018/12/14 Javascript

JS添加或删除HTML dom元素的方法实例分析

2019/03/05 Javascript

基于elementUI使用v-model实现经纬度输入的vue组件

2019/05/12 Javascript

element-ui 远程搜索组件el-select在项目中组件化的实现代码

2019/12/04 Javascript

如何利用 JS 脚本实现网页全自动秒杀抢购功能

2020/10/12 Javascript

[00:34]TI7不朽珍藏III——纯金地穴编织者饰品展示

2017/07/15 DOTA

windows下python 3.6.4安装配置图文教程

2018/08/21 Python

想学python 这5本书籍你必看！

2018/12/11 Python

python自动生成model文件过程详解

2019/11/02 Python

Python3和pyqt5实现控件数据动态显示方式

2019/12/13 Python

TFRecord文件查看包含的所有Features代码

2020/02/17 Python

Python DES加密实现原理及实例解析

2020/07/17 Python

Python Django路径配置实现过程解析

2020/11/05 Python

运动会解说词100字

2014/01/31 职场文书

爱心捐款倡议书

2014/04/14 职场文书

小学家长评语大全

2014/04/16 职场文书

竞选班干部演讲稿100字

2014/08/20 职场文书

公司费用报销管理制度

2015/08/04 职场文书

Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法

Vue.js 中取得后台原生HTML字符串原样显示问题的解决方法