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(Document Object Model)文档对象模型
Mar 05 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
Aug 08 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
Nov 12 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
Dec 18 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
Sep 06 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
js Canvas绘制圆形时钟教程
Feb 06 Javascript
使用vux实现上拉刷新功能遇到的坑
Feb 08 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
Aug 19 Javascript
js验证密码强度解析
Mar 18 Javascript
实例讲解React 组件生命周期
Jul 08 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验证码类(分享)
2013/08/06 PHP
PHP通过反射动态加载第三方类和获得类源码的实例
2015/11/27 PHP
php开发时容易忘记的一些技术细节
2016/02/03 PHP
学习YUI.Ext 第三天
2007/03/10 Javascript
JavaScript中的alert()函数使用技巧详解
2014/12/29 Javascript
Javascript基础教程之比较null和undefined值
2016/05/16 Javascript
JS身份证信息验证正则表达式
2017/06/12 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
vscode中eslint插件的配置(prettier配置无效)
2019/09/10 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
使用PYTHON接收多播数据的代码
2012/03/01 Python
Python中的tuple元组详细介绍
2015/02/02 Python
python中引用与复制用法实例分析
2015/06/04 Python
Python 通过URL打开图片实例详解
2017/06/01 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
一道python走迷宫算法题
2018/01/22 Python
python实现最长公共子序列
2018/05/22 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
Python中logging实例讲解
2019/01/17 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
python学生管理系统
2019/01/30 Python
学习和使用python的13个理由
2019/07/30 Python
Python3 中作为一等对象的函数解析
2019/12/11 Python
CSS3新增布局之: flex详解
2020/06/18 HTML / CSS
英国银首饰公司:e&e Jewellery
2021/02/11 全球购物
通信工程毕业生自荐信
2013/11/01 职场文书
财务总监管理职责范文
2014/03/09 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
大学生就业自我推荐信
2014/05/10 职场文书
医生个人年度总结
2015/02/28 职场文书
暖春观后感
2015/06/08 职场文书
高中开学感言
2015/08/01 职场文书
python将图片转为矢量图的方法步骤
2021/03/30 Python
纯html+css实现Element loading效果
2021/08/02 HTML / CSS
python数字转对应中文的方法总结
2021/08/02 Python