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字符串 原样显示问题 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
DWR Ext 加载数据
Mar 22 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
Feb 26 Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
Dec 26 Javascript
javascript白色简洁计算器
May 04 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
Jan 26 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
Feb 12 Javascript
python爬取安居客二手房网站数据(实例讲解)
Oct 19 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
Sep 05 Javascript
每周一练 之 数据结构与算法(Stack)
Apr 16 Javascript
微信小程序实现搜索历史功能
Mar 26 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中的 == 运算符进行字符串比较
2006/11/26 PHP
PHP 文件扩展名 获取函数
2009/06/03 PHP
php Smarty date_format [格式化时间日期]
2010/03/15 PHP
php多线程实现方法及用法实例详解
2015/10/26 PHP
做网页的一些技巧(续)
2007/02/01 Javascript
9个JavaScript评级/投票插件
2010/01/18 Javascript
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
2010/03/20 Javascript
基于jquery中children()与find()的区别介绍
2013/04/26 Javascript
js实现简单的联动菜单效果
2015/08/19 Javascript
分享经典的JavaScript开发技巧
2015/11/21 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
JS &amp; JQuery 动态添加 select option
2016/06/08 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
2016/08/19 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
vue绑定设置属性的多种方式(5)
2017/08/16 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
详释JavaScript执行环境与执行栈
2019/04/02 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
2019/06/04 jQuery
vue+element搭建后台小总结 el-dropdown下拉功能
2020/04/10 Javascript
在Vuex中Mutations修改状态操作
2020/07/24 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
python实现字符串和日期相互转换的方法
2015/05/13 Python
Python实现将HTML转换成doc格式文件的方法示例
2017/11/20 Python
Python内置函数reversed()用法分析
2018/03/20 Python
python实现音乐下载器
2018/04/15 Python
python和opencv实现抠图
2018/07/18 Python
Django模板导入母版继承和自定义返回Html片段过程解析
2019/09/18 Python
python 实现性别识别
2020/11/21 Python
酒店总经理岗位职责
2014/03/17 职场文书
婚前协议书
2014/04/15 职场文书
2014全年工作总结
2014/11/27 职场文书
2014年工商所工作总结
2014/12/09 职场文书
Python编写nmap扫描工具
2021/07/21 Python
tomcat的catalina.out日志按自定义时间格式进行分割的操作方法
2022/04/02 Servers