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

Posted rachelch

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了实现点击页面其他地方,隐藏div(vue)相关的知识,希望对你有一定的参考价值。

方法一:  

  通过监听事件

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

方法二(比较好):

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

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

以上是关于实现点击页面其他地方,隐藏div(vue)的主要内容,如果未能解决你的问题,请参考以下文章

vue点击其他地方隐藏div

vue点击其它地方隐藏组件

AngularJS中怎样实现点击页面的任意地方隐藏指定div

一个弹出div,当点击页面上除了这个div这外的地方,隐藏这个div,jquery怎么写??

vue动画如何实现只经历运动而不隐藏

jq 点击按钮显示div,点击页面其他任何地方隐藏div