vue点击其它区域隐藏

mounted() {  //点击颜色其它区域隐藏  document.addEventListener('click', this.handleDocumentClick);  document.addEventListener('touchstart', this.handleDocumentClick);},

methods:{  handleDocumentClick(e) {    //点击颜色其它区域隐藏    if (!this.$el.contains(e.target)) {      this.pickbodyflag = false;    }  }}

转载于:https://www.cnblogs.com/yixiaoyang-/p/9771600.html

vue点击其它区域隐藏相关推荐

jquery/js 点击空白区域隐藏某一个层/元素
场景:点击一个按钮弹出一个对话框/气泡,点击空白区域隐藏对话框/气泡: html: <button id="btn">按钮</button> <div ...
[Unity][NGUI]悬浮点击空白区域隐藏UI
获取NGUI 当前鼠标悬浮的带有碰撞体BoxCollider 的UI对象 UICamera.hoveredObject ...public string hoverUI = "&quo ...
html点击空白处关闭,vue中实现点击空白区域关闭弹窗的两种方法
1. 第一种做法首页在外层容器里面取一个名字为main,即ref="main",当bankSwitch为true的时候,弹窗出现你好我是弹窗里面的内容部分所触发的事件如下: ...
if vue 跳出_vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
vue如何简单的实现弹框,遮罩,点击其他区域关闭弹框, 简单的思路是以一个div作为遮罩, 控制其的v-if(v-show)即可, 掌握到技巧既可以任意扩展. v-if 是直接删除dom节点, 就是这 ...
jq 如何让点击其他地方隐藏_详解jQuery除指定区域外点击任何地方隐藏DIV功能
本文主要介绍了jQuery除指定区域外点击任何地方隐藏p的相关资料,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家. 具体代码如下所示: $('body').clic ...
jquery点击非div区域隐藏div
点击非div区域隐藏div,如图,点击圆的头像(.person-msg)弹出白色底框(.person-centre).点击圆头像以外的区域隐藏白色底框 html代码 <div class=&qu ...
vue点击ul中的li显示，点击其他地方隐藏
vue点击ul中的li显示弹框,点击其他地方隐藏弹框注意:ref="seatTipOperation" <ulref="seatTipOperation" ...
【vue项目使用echarts实现区域地图绘制，且可点击单独区域】
vue项目使用echarts实现区域地图绘制,且可点击单独区域 - 菜鸟程序员的总结 - 博客园
点击edittext 区域外隐藏输入法和点击edittext 显示输入法
在界面开发过程中,需要使用edittext来输入内容用来匹配查找,然后点击其他区域收起输入法. 本文在一个布局里有edittext 和一个list view ,edittext 输入内容,搜索list ...

vue点击其它区域隐藏

vue点击其它区域隐藏相关推荐

最新文章

热门文章