v-html指令的学习

最新推荐文章于 2023-11-21 10:21:09 发布

啃啃香

最新推荐文章于 2023-11-21 10:21:09 发布

阅读量263

点赞数

分类专栏： Vue的学习使用-个人笔记

本文链接：https://blog.youkuaiyun.com/weixin_51750949/article/details/119156160

版权

Vue的学习使用-个人笔记专栏收录该内容

12 篇文章

订阅专栏

前提：请求的数据本身就是一个html代码
总结：v-html用来将url中的数据以html代码的形式展现到前端页面中

代码展示:

    <div id="app">
        <h1>{{url}}</h1>
        <h1 v-html="url"></h1>
    </div>
    <script src="../vue.min.js"></script>
    <script>
        const a = new Vue({
            el: "#app",
            data: {
                url: '<a href="http://www.baidu.com">百度</a>'
            }
        })
    </script>