vue 点击关闭按钮就可以关闭图片，可以用到广告关闭组件。

最新推荐文章于 2024-08-22 11:31:46 发布

yhd1998

最新推荐文章于 2024-08-22 11:31:46 发布

阅读量833

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/yhd1998/article/details/109028613

版权

vue 专栏收录该内容

22 篇文章

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
   </head>
   <style type="text/css">
       span{
           color: red;
           font-size: 25px;
       }
   </style>
   <body>
       <div id="app">
           <div class="" v-if="gb">
               <img src="http://i2.tiimg.com/726790/1beb303b219e0958.jpg">
               <span @click="dj">关闭</span>
           </div>
       </div>
       <script type="text/javascript">
           var app = new Vue({
               el:"#app",
               data:{
                   gb:true
               },
               methods:{
                   dj(){
                       this.gb = false
                   }
               }
           })
       </script>
   </body>
</html>