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

方法一:  

  通过监听事件

document.addEventListener('click',function(e){
                if(e.target.className!='usermessage'){
                    that.userClick=false;
                }
})

方法二(比较好):

  给最外层的div加个点击事件 @click="userClick=false"

  给点击的元素上面加上:@click.stop="userClick=!userClick"

posted @ 2018-01-06 09:48  rachelch  阅读(13006)  评论(0编辑  收藏  举报