v-html是什么意思 v-html的用法

类型: string
用法: 更新元素的 innerHTML 。

注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。
如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。

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


示例

<div v-html="html"></div>

代码示例1

<div id="demo" v-html="msg"></div>
    <script>
        var app=new Vue({
            el:'#demo',
            data:{
                msg:'<img src="logo.png">'
            }
        });
    </script>

代码示例2

    <div id="demo" v-html="msg"></div>
    <script>
        var app=new Vue({
            el:'#demo',
            data:{
                msg:'<h1>Vue从入门到实战</h1>'
            }
        });
    </script>


发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

v-html是什么意思 v-html的用法