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 相关文章推荐
javascript 快速排序函数代码
May 30 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
Dec 17 Javascript
使用JavaScript 实现的人脸检测
Mar 24 Javascript
基于javascript实现tab选项卡切换特效调试笔记
Mar 30 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
浅谈js中的三种继承方式及其优缺点
Aug 10 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
Aug 17 Javascript
JS隐藏号码中间4位代码实例
Apr 09 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
浅谈Ant Design Pro 菜单自定义 icon
Nov 17 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
Yii框架防止sql注入,xss攻击与csrf攻击的方法
2016/10/18 PHP
Js实现手机发送验证码时按钮延迟操作
2014/06/20 Javascript
window.returnValue使用方法示例介绍
2014/07/03 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
JavaScript跨域方法汇总
2014/10/16 Javascript
jQuery中prevUntil()方法用法实例
2015/01/08 Javascript
JavaScript动态修改弹出窗口大小的方法
2015/04/06 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
jQuery AJAX timeout 超时问题详解
2016/06/21 Javascript
jQuery ztree实现动态树形多选菜单
2016/08/12 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
angularjs+bootstrap实现自定义分页的实例代码
2017/06/19 Javascript
微信小程序 获取session_key和openid的实例
2017/08/17 Javascript
vue不通过路由直接获取url中参数的方法示例
2017/08/24 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
vue中axios请求的封装实例代码
2019/03/23 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
2019/04/25 Javascript
js实现无缝轮播图插件封装
2020/07/31 Javascript
pytorch 获取tensor维度信息示例
2020/01/03 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
python如何遍历指定路径下所有文件(按按照时间区间检索)
2020/09/14 Python
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
LookFantastic丹麦:英国美容护肤精品在线商城
2016/08/18 全球购物
会计专业职业规划:规划自我赢取未来
2014/02/12 职场文书
歌唱比赛主持词
2014/03/18 职场文书
安全生产演讲稿
2014/05/09 职场文书
科技工作者先进事迹
2014/08/16 职场文书
办公室主任岗位职责
2015/01/31 职场文书
业务员岗位职责
2015/02/03 职场文书
城南旧事读书笔记
2015/06/29 职场文书
高中开学感言
2015/08/01 职场文书
党组织结对共建协议书
2016/03/23 职场文书
Python Parser的用法
2021/05/12 Python
Spring Boot mybatis-config 和 log4j 输出sql 日志的方式
2021/07/26 Java/Android
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang