当前位置: 首页 > news >正文

js 新学一招,点击出现弹框,点击其他地方关闭弹框

文章目录

    • 需求
    • 分析

需求

鼠标点击菜单,出现二级菜单,当点击其他地方时,二级菜单自动关闭

分析

<template><el-popoverv-model="visible"></el-popover>
</template>
<script>
export default {data() {return {visible: false,hoverIndex:null,//二级菜单序号};},mounted() {window.addEventListener('click', this.handleClickAway, false);},destroyed() {window.removeEventListener('click', this.handleClickAway, true);},methods: {handleClickAway(e) {this.closePopover()},closePopover() {this.visible = false;},}
}
</script>
http://www.lryc.cn/news/176737.html

相关文章:

  • c#扩展包-Stateless
  • Lua函数
  • 左对齐和右对齐
  • 高仿互站网站源码 后台手机端两套模板 电脑端二十套模版
  • Spring Controller内存马
  • Mysql004:用户管理
  • 计算机视觉与深度学习 | 视觉里程计(Visual Odometry,VO)研究现状
  • Mojo:新型AI语言中的7个令人惊叹的Python升级,用简单的英语解释人工智能
  • TCP连接的三次握手与四次挥手【重点】
  • ​重生奇迹MU新手玩家如何快速熟悉游戏​
  • MySQL 用户权限和远程访问设置
  • Golang基础之关键字
  • DataFrame插入多列PerformanceWarning: DataFrame is highly fragmented.
  • Springboot登录验证的统一拦截处理
  • 自定义类型详解(上)
  • 【数据库——MySQL】(9)函数、查询练习及讲解
  • 【数据结构与算法——C语言】“串操作与算法”之“找出最长串及其长度”
  • 泡泡玛特:一家中国潮玩品牌的出海之旅
  • 淘宝商品sku信息抓取接口api
  • MySQL 多表关系(多表查询 一)
  • 【面试高高手】——JavaIO篇(23题)
  • 图像采集 deep OCR
  • Linux 终端命令总结
  • 中国核动力研究设计院使用 DolphinDB 替换 MySQL 实时监控仪表
  • 速看!软考中项100条重要知识点集锦!
  • Pycharm在进行debug时出现collecting data如何解决?
  • 【算法分析与设计】算法概述
  • 如何进一步全面提高项目估算精准度?
  • Git学习笔记4
  • 【红外与可见光图像融合】离散平稳小波变换域中基于离散余弦变换和局部空间频率的红外与视觉图像融合方法(Matlab代码实现)