03-v-html指令的使用

最新推荐文章于 2024-04-29 14:32:15 发布

林笙10

最新推荐文章于 2024-04-29 14:32:15 发布

阅读量97

点赞数

分类专栏： # 02-插值的操作文章标签： vue

本文链接：https://blog.csdn.net/weixin_46498227/article/details/116244503

版权

Vue.js v-html 指令 HTML字符串数据绑定

关键词由CSDN通过智能技术生成

02-插值的操作专栏收录该内容

6 篇文章 0 订阅

订阅专栏

03-v-html指令的使用

代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>v-html指令的使用</title>
</head>

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

</html>