vue指令v-html示例解析

时间:2023-03-09 23:49:46
vue指令v-html示例解析

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

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

 <div id="app" v-html="msg">原内容</div>
 <script>
   var app = new Vue({
     el:'#app',
     data:{
       msg:'现内容'
     }
   })
 </script>

输出内容:

vue指令v-html示例解析