点击实现div的出现以及隐藏

首先定义一个div,用于存放数据,然后设置一个按钮用于关闭div

 <div  class="detail-contain" v-if="showDetail">
      <span id="detail-btn-close" class="detail-btn-close" @click="btn_close"></span>

js事件

 detailshow:function(){
            this.showDetail = true;

        },
        btn_close:function(){
            this.showDetail = false;
        }

 

posted on 2021-08-11 17:49  一往无前!  阅读(118)  评论(0编辑  收藏  举报