码迷,mamicode.com
首页 > Web开发 > 详细

vue指令v-html示例解析

时间:2017-08-09 11:19:35      阅读:294      评论:0      收藏:0      [点我收藏+]

标签:用户   blog   攻击   模板   script   https   渲染   inner   code   

更新元素的innerHTML,不会作为vue模板编译,可用组件来代替。

在网站上动态渲染任意 HTML 是非常危险的,因为容易导致 xss攻击。只在可信内容上使用 v-html,永不用在用户提交的内容上。

1 <div id="app" v-html="msg">原内容</div>
2 <script>
3   var app = new Vue({
4     el:#app,
5     data:{
6       msg:现内容
7     }
8   })
9 </script>

输出内容:

技术分享

vue指令v-html示例解析

标签:用户   blog   攻击   模板   script   https   渲染   inner   code   

原文地址:http://www.cnblogs.com/zxh197242031/p/7324010.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!