Vue解析带html标签的字符串为dom的实例


Posted in Javascript onNovember 13, 2019

1.场景描述

Vue解析带html标签的字符串为dom的实例

如上接口中,content字段:

content:"<p>这是内容</p>"

需要在网页中现实如下效果:

Vue解析带html标签的字符串为dom的实例

2.解决方法

v-html

<div class="blog-content" v-html="curblog.content">
</div>

v-html可以操作元素中的HTML标签,效果类似于jquery里的 .html()方法,在不安全的页面比如注册或者登陆页面千万不要用这个指令。因为会出现XSS攻击。所以千万不要用。官网提示:

在不安全的页面比如注册或者登陆页面千万不要用这个指令。因为会出现 XSS攻击。所以千万不要用。

以上这篇Vue解析带html标签的字符串为dom的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
网站如何做到完全不需要jQuery也可以满足简单需求
Jun 27 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
Apr 11 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 Javascript
Javascript中3种实现继承的方法和代码实例
Aug 12 Javascript
使用JQuery库提供的扩展功能实现自定义方法
Sep 09 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
Feb 18 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
Apr 15 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
JavaScript函数节流和函数去抖知识点学习
Jul 31 Javascript
基于layui数据表格以及传数据的方式
Aug 19 Javascript
javascript事件监听与事件委托实例详解
Aug 16 Javascript
js实现列表按字母排序
Aug 11 Javascript
vue props对象validator自定义函数实例
Nov 13 #Javascript
微信小程序获取当前位置和城市名
Nov 13 #Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 #Javascript
微信小程序wx.request的简单封装
Nov 13 #Javascript
vue使用prop可以渲染但是打印台报错的解决方式
Nov 13 #Javascript
highcharts.js数据绑定方式代码实例
Nov 13 #Javascript
vue prop属性传值与传引用示例
Nov 13 #Javascript
You might like
在PHP的图形函数中显示汉字
2006/10/09 PHP
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
php英文单词统计器
2016/06/23 PHP
PHP使用zlib扩展实现GZIP压缩输出的方法详解
2018/04/09 PHP
基于PHP实现用户在线状态检测
2020/11/10 PHP
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
2012/08/14 Javascript
关于js中for in的缺陷浅析
2013/12/02 Javascript
自己实现ajax封装示例分享
2014/04/01 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
2015/08/22 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
2017/03/08 Javascript
vue中动态绑定表单元素的属性方法
2018/02/23 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
Python实现的数据结构与算法之队列详解
2015/04/22 Python
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
解决Python中定时任务线程无法自动退出的问题
2019/02/18 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
Python使用tkinter模块实现推箱子游戏
2019/10/08 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
python开发入门——set的使用
2020/09/03 Python
浅析rem和em和px vh vw和% 移动端长度单位
2016/04/28 HTML / CSS
英国第一的购买便宜玩具和游戏的在线购物网站:Bargain Max
2018/01/24 全球购物
标准导师推荐信(医学类)
2013/10/28 职场文书
计算机专业学生的自我评价
2013/12/15 职场文书
服务员岗位责任制
2014/02/11 职场文书
珍爱生命演讲稿
2014/05/10 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
2014年团支书工作总结
2014/11/14 职场文书
出纳工作检讨书范文
2014/12/27 职场文书
航班延误投诉信
2015/07/02 职场文书
捐款仪式主持词
2015/07/04 职场文书