Vue 将后台传过来的带html字段的字符串转换为 HTML


Posted in Javascript onMarch 29, 2018

后台传过来 一个带标签的字符串  前端可以直接转换成html格式的,可是在vue中怎么办呢

Vue 将后台传过来的带html字段的字符串转换为 HTML

在这个DEMO中,item.content所带的字符串将被转换为HTML代码。

注意:使用了v-html的标签中的内容将被item.content替代:

<div class="item" v-for="item in socialArray"> 
 <dl v-html="item.content"> 
  {{item.content}} 
 </dl> 
</div>

总结

以上所述是小编给大家介绍的Vue 将后台传过来的带html字段的字符串转换为 HTML,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
DOM和XMLHttpRequest对象的属性和方法整理
Jan 04 Javascript
Js保留小数点的4种效果实现代码分享
Apr 12 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
BootStrap中Datepicker控件带中文的js文件
Aug 10 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
Mar 21 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
Apr 04 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
使用gulp构建前端自动化的方法示例
Dec 25 Javascript
简单了解常用的JavaScript 库
Jul 16 Javascript
如何在面试中手写出javascript节流和防抖函数
Oct 22 Javascript
利用js实现前后台传送Json的示例代码
Mar 29 #Javascript
vue中Npm run build 根据环境传递参数方法来打包不同域名
Mar 29 #Javascript
JS获取url参数,JS发送json格式的POST请求方法
Mar 29 #Javascript
spirngmvc js传递复杂json参数到controller的实例
Mar 29 #Javascript
Vue.js 表单控件操作小结
Mar 29 #Javascript
js传递数组参数到后台controller的方法
Mar 29 #Javascript
Vue.js实现可配置的登录表单代码详解
Mar 29 #Javascript
You might like
PHP 简单数组排序实现代码
2009/08/05 PHP
Ajax+Jpgraph实现的动态折线图功能示例
2019/02/11 PHP
thinkphp5.1 框架钩子和行为用法实例分析
2020/05/25 PHP
Javascript !!的作用
2008/12/04 Javascript
Javascript 静态页面实现随机显示广告的办法
2010/11/17 Javascript
javascript 在firebug调试时用console.log的方法
2012/05/10 Javascript
jquery 选择器引擎sizzle浅析
2013/02/06 Javascript
js文件包含的几种方式介绍
2014/09/28 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
AngularJS表达式讲解及示例代码
2016/08/16 Javascript
javascript replace()第二个参数为函数时的参数用法
2016/12/26 Javascript
利用 spin.js 生成等待效果(js 等待效果)
2017/06/25 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
vue点击自增和求和的实例代码
2019/11/06 Javascript
Vue+Bootstrap实现简易学生管理系统
2021/02/09 Vue.js
[02:25]专访DOTA2负责人Erik 国际邀请赛暂不会离开西雅
2014/07/21 DOTA
[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME
2016/03/03 DOTA
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
Python中字典的setdefault()方法教程
2017/02/07 Python
python executemany的使用及注意事项
2017/03/13 Python
Python判断对象是否相等及eq函数的讲解
2019/02/25 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
Python多版本开发环境管理工具介绍
2019/07/03 Python
Python -m参数原理及使用方法解析
2020/08/21 Python
python Autopep8实现按PEP8风格自动排版Python代码
2021/03/02 Python
体育专业个人的求职信范文
2013/09/21 职场文书
优秀党员转正的自我评价
2013/10/06 职场文书
物流合作计划书
2014/01/10 职场文书
小学生安全保证书
2014/02/01 职场文书
餐饮业员工工作决心书
2014/03/11 职场文书
学习实践科学发展观心得体会
2014/09/10 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
篮球赛闭幕式主持词
2015/07/03 职场文书
PHP判断是否是json字符串
2021/04/01 PHP
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android
一文搞懂PHP中的抽象类和接口
2022/05/25 PHP