1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > vue实现点击其他地方隐藏div

vue实现点击其他地方隐藏div

时间:2021-05-03 19:55:01

相关推荐

vue实现点击其他地方隐藏div

方法一:

通过监听事件

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

方法二(比较好):

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

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

方法三:

<template>

<!--向页面添加关闭div的事件监听-->

<div @click="hide">

<!--添加.stop防止page的点击事件触发,导致无法显示div-->

<button @click.stop="show">点击显示div</button>

<!--指定的div。添加.stop防止点击div内的元素时,整个div被关闭-->

<div @click.stop>

...

</div>

</div>

<temp

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。