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 attachEvent和addEventListener使用方法
Mar 19 Javascript
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
Jul 14 Javascript
JavaScript 事件的一些重要说明
Oct 25 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
Jul 02 Javascript
javascript动态的改变IFrame的高度实现自动伸展
Oct 12 Javascript
判断访客终端类型集锦
Jun 05 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 Javascript
微信小程序实现登录页云层漂浮的动画效果
May 05 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 Javascript
IE11下处理Promise及Vue的单项数据流问题
Jul 24 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
Oct 17 Javascript
原生js实现二级联动菜单
Nov 27 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和ACCESS写聊天室(七)
2006/10/09 PHP
php 服务器调试 Zend Debugger 的安装教程
2009/09/25 PHP
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
2010/03/21 PHP
php的array_multisort()使用方法介绍
2012/05/16 PHP
php数组索引的Key加引号和不加引号的区别
2014/08/19 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
php模式设计之观察者模式应用实例分析
2019/09/25 PHP
Alliance vs Liquid BO3 第一场2.13
2021/03/10 DOTA
html数组字符串拼接的最快方法
2009/09/16 Javascript
什么是json和jsonp,jQuery json实例详详细说明
2012/12/11 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
js实现发送验证码后的倒计时功能
2015/05/28 Javascript
AngularJS 基础ng-class-even指令用法
2016/08/01 Javascript
JavaScript中 DOM操作方法小结
2017/04/25 Javascript
AngularJs点击状态值改变背景色的实例
2017/12/18 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
对python3.4 字符串转16进制的实例详解
2019/06/12 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
Python PIL库图片灰化处理
2020/04/07 Python
Python制作运行进度条的实现效果(代码运行不无聊)
2021/02/24 Python
使用HTML5和CSS3表单验证功能
2017/05/05 HTML / CSS
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
做一个能自适应高度的textarea的示例代码
2019/09/06 HTML / CSS
美国家喻户晓的保健品品牌:Vitamin World(维他命世界)
2016/08/19 全球购物
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
印尼在线旅游门户网站:NusaTrip
2019/11/01 全球购物
道德模范事迹材料
2014/12/20 职场文书
初三语文教学计划
2015/01/22 职场文书
MySQL锁机制
2021/04/05 MySQL
MySQL控制流函数(-if ,elseif,else,case...when)
2022/07/07 MySQL