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

方法一:  

  通过监听事件

document.addEventListener('click',function(e){

                if(e.target.className!='usermessage'){

                    that.userClick=false;

                }

})

方法二(比较好):

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

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

效果:

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

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

截图:

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

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