实现点击页面其他地方,隐藏div(vue)

方法一:  
通过监听事件

document.addEventListener('click',function(e){
    if(e.target.className!='usermessage'){
        that.userClick=false;
    }
})
方法二(比较好):
给最外层的div加个点击事件 @click="userClick=false"
给点击的元素上面加上:@click.stop="userClick=!userClick"

  

哪里需要点击隐藏就加上@click="userClick=false"

posted @ 2021-11-24 10:59  YJUI  阅读(782)  评论(0编辑  收藏  举报