您的位置:首页 > Web前端 > Vue.js

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

2018-10-15 15:31 1026 查看

方法一:  

  通过监听事件

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"

效果:

截图:

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: