首页 > 技术文章 > 实现点击页面其他地方,隐藏div(vue)

rachelch 2018-01-06 09:48 原文

方法一:  

  通过监听事件

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

方法二(比较好):

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

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

推荐阅读