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 相关文章推荐
浅析js中取绝对值的2种方法
Jul 09 Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
Sep 29 Javascript
浅谈 jQuery 事件源码定位问题
Jun 18 Javascript
Javascript实现div层渐隐效果的方法
May 30 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
js实现表单提交后不重新刷新当前页面
Nov 30 Javascript
echarts学习笔记之图表自适应问题详解
Nov 22 Javascript
vue初尝试--项目结构(推荐)
Jan 30 Javascript
Express进阶之log4js实用入门指南
Feb 10 Javascript
Vue中使用vue-i18插件实现多语言切换功能
Apr 25 Javascript
jquery实现异步文件上传ajaxfileupload.js
Oct 23 jQuery
js实现电灯开关效果
Jan 19 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
在线增减.htpasswd内的用户
2006/10/09 PHP
使用php伪造referer的方法 利用referer防止图片盗链
2014/01/20 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
JavaScript页面刷新与弹出窗口问题的解决方法
2010/03/02 Javascript
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
2010/03/05 Javascript
JavaScript的parseInt 取整使用
2011/05/09 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
jquery跟js初始化加载的多种方法及区别介绍
2014/04/02 Javascript
JavaScript实现简单图片滚动附源码下载
2014/06/17 Javascript
如何正确使用Nodejs 的 c++ module 链接到 OpenSSL
2014/08/03 NodeJs
node.js中的fs.chownSync方法使用说明
2014/12/16 Javascript
简单实现异步编程promise模式
2015/07/31 Javascript
Javascript json object 与string 相互转换的简单实现
2016/09/27 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
2020/04/15 Javascript
Node.js API详解之 module模块用法实例分析
2020/05/13 Javascript
以Python的Pyspider为例剖析搜索引擎的网络爬虫实现方法
2015/03/30 Python
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
浅谈pandas中shift和diff函数关系
2018/04/08 Python
Python实现统计英文文章词频的方法分析
2019/01/28 Python
python机器学习库scikit-learn:SVR的基本应用
2019/06/26 Python
django 前端页面如何实现显示前N条数据
2020/03/16 Python
opencv之颜色过滤只留下图片中的红色区域操作
2020/06/05 Python
全面介绍python中很常用的单元测试框架unitest
2020/12/14 Python
Python实现邮件发送的详细设置方法(遇到问题)
2021/01/18 Python
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
管理失职检讨书
2014/02/12 职场文书
后备干部培训方案
2014/05/22 职场文书
英文演讲稿开场白
2014/08/25 职场文书
授权委托书
2014/09/17 职场文书
民政局副局长民主生活会个人整改措施
2014/10/04 职场文书
工作表扬信
2015/01/17 职场文书
英文道歉信
2015/01/20 职场文书
个人党性分析总结
2015/03/05 职场文书
redis实现排行榜功能
2021/05/24 Redis
Spring Security使用单点登录的权限功能
2022/04/03 Java/Android