Vue解析带html标签的字符串为dom的实例
2020-03-13 12:09
3875 查看
1.场景描述
如上接口中,content字段:
content:"<p>这是内容</p>"
需要在网页中现实如下效果:
2.解决方法
v-html
<div class="blog-content" v-html="curblog.content"> </div>
v-html可以操作元素中的HTML标签,效果类似于jquery里的 .html()方法,在不安全的页面比如注册或者登陆页面千万不要用这个指令。因为会出现XSS攻击。所以千万不要用。官网提示:
在不安全的页面比如注册或者登陆页面千万不要用这个指令。因为会出现 XSS攻击。所以千万不要用。
以上这篇Vue解析带html标签的字符串为dom的实例就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 使用v-html解决Vue.js渲染过程中html标签不能被解析(html标签显示为字符串)
- 使用v-html解决Vue.js渲染过程中html标签不能被解析(html标签显示为字符串)
- struts2返回到JSP页面的html字符串如何在JSP页面上解析成html标签
- IE Bug 1 - 错误识别出现在javascript脚本中的字符串,导致HTML标签解析错误
- vue v-html 解析html标签
- PHP使用DOMDocument类生成HTML实例(包含常见标签元素)
- VUE渲染后端返回含有script标签的html字符串示例
- 用v-html解决Vue.js渲染中html标签不被解析的问题
- Qt中使用DOM解析XML文件或者字符串二(实例)
- 使用HTMLParser 解析html字符串,去除html标签,提取纯文本
- 解析字符串中所有的html中img标签的url
- HTML标签简介---实例解析 [打印版]
- vue中把字符串带有html标签转为html渲染页面(视频门户网站)
- react中将带标签的字符串转义为html解析
- VUE渲染后端返回含有script标签的html字符串
- js中去除字符串中所有的html标签代码实例
- js去掉html字符串中的所有标签元素,结合vue表达式使用
- 在vue中把含有html标签转为html渲染页面的实例
- react将html字符串解析为html标签
- struts2返回到JSP页面的html字符串如何在JSP页面上解析成html标签 (ognl表达式)