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

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

news 2026/2/9 10:57:22

文章目录

- 需求
- 分析

需求

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

分析

<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>

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

文章目录需求分析需求鼠标点击菜单，出现二级菜单，当点击其他地方时，二级菜单自动关闭分析 <template><el-popoverv-model"visible"></el-popover> </template> <script> export default {dat…...

编程日记 2023/9/27 15:42:34

c#扩展包-Stateless

准备 Stateless是一个有限状态机扩展包。在c#项目中可以直接通过NuGet安装。使用他需要先用枚举写好你所有可能的状态和子状态。例如移动，下蹲，空闲，跳跃，游泳，奔跑，走路。其中，奔跑和走路…...

编程日记 2023/9/27 15:41:32

Lua函数

--函数--无参无返回值 function F1()print("F1函数") end F1() print("*****************")--有参 function F2(a)print("F2函数"..a) end F2(2) --如果传入参数和函数数量不一致 --不会报错只是补空 F2(1,2) print("*****************&quo…...

编程日记 2023/9/27 15:37:29

左对齐和右对齐

%d默认为左对齐，%5d为左对齐（以空格补齐），%05d为左对齐（以0补齐），%-5d右补齐（以空格补齐），整数和小数同理。%.xf,x为小数点后保留的位数。 #include<stdi…...

编程日记 2023/9/27 15:36:27

高仿互站网站源码后台手机端两套模板电脑端二十套模版

高仿互站网后台手机端两套模板电脑端二十套模版，简单介绍几个功能， 支持用户注册开店开店申请，支持用户发布自己商品支持卡密形式或实物形式， 支持用户自己发布求助任务大厅功能，源码完整更多功能自己去发现吧…...

编程日记 2023/9/27 15:35:26

获取当前上下文运行环境 getCurrentWebApplicationContext WebApplicationContext context ContextLoader.getCurrentWebApplicationContext(); 在SpringMVC环境下获取到的是一个XmlWebApplicationContext类型的Root WebApplicationContext： 在Spring MVC环境中…...

编程日记 2023/9/27 15:33:24

Mysql004：用户管理

前言：本章节讲解的是mysql中的用户管理，包括（管理数据用户）、（控制数据库的访问权限）。目录 1. 查询用户 2. 创建用户 3. 修改用户密码 4. 删除用户 5. 权限控制 1. 查询用户在mysql数据库中&#xff0…...

编程日记 2023/9/27 15:32:23

计算机视觉与深度学习 | 视觉里程计（Visual Odometry，VO）研究现状

===================================================== github：https://github.com/MichaelBeechan CSDN：https://blog.csdn.net/u011344545 ===================================================== 视觉里程计（Visual Odometry，VO）研究背景及意义视觉里程计国内外研…...

编程日记 2023/9/27 15:27:19

Mojo：新型AI语言中的7个令人惊叹的Python升级，用简单的英语解释人工智能

Mojo：新型AI语言中的7个令人惊叹的Python升级编程之美用简单的英语解释人工智能编程之美由Coding Beauty设计的图像，使用Mojo标志和Python标志。它比C更快，与Python一样简单，但速度提高了35000倍。进入Mojo：一种…...

编程日记 2023/9/27 15:23:15

TCP连接的三次握手与四次挥手【重点】

TCP的运输连接管理概述 TCP是面向连接的协议，它基于运输连接来传送TCP报文段 TCP运输连接的建立和释放是每一次面向连接的通信中必不可少的过程 TCP运输连接有以下三个阶段 TCP的运输连接管理就是使运输连接的建立和释放都能正常的进行 TCP建立连接的三次握手&a…...

编程日记 2023/9/27 15:22:14

重生奇迹MU新手玩家如何快速熟悉游戏

新手玩家必须掌握什么呢，建议新手玩家去官方网站上面看看游戏的详细介绍，必须要好的熟悉游戏的各种玩法，让玩家可以有一个初步的认识。所以这方面是非常重要的，建议每位重生奇迹MU玩家都应该注重这些东西。下面我们就来简单介绍…...

编程日记 2023/9/27 15:21:13

MySQL 用户权限和远程访问设置

目录一、用户操作查看当前拥有用户创建用户修改用户密码删除用户给root用户开放外网访问二、用户权限操作授予权限的原则查看授予用户的权限给用户添加权限回收权限一、用户操作先要使用root用户登录MySQL后在执行后面操作查看当前拥有用户 SELECT host,user,Grant_pri…...

编程日记 2023/9/27 15:20:12

Golang基础之关键字

Type 参考 ## https://blog.csdn.net/SHELLCODE_8BIT/article/details/122837699 type有如下几种用法： 定义结构体定义接口类型定义类型别名类型查询类型定义 type Celsius float64 // 摄氏温度 type Fahrenheit float64 // 华氏温度const (AbsoluteZeroC Cels…...

编程日记 2023/9/27 15:18:09

DataFrame插入多列PerformanceWarning: DataFrame is highly fragmented.

DataFrame插入多列PerformanceWarning: DataFrame is highly fragmented. dataframe列比较多，增加列的代码如下： dfpd.DataFrame() for i in range(1000):vlist[]for j in range(1000):vlist.append(j) df[COL_ str(i)] vlistdf警告错误&#x…...

编程日记 2023/9/27 15:17:08

Springboot登录验证的统一拦截处理

在进行Springboot项目开发的时候如何把每次请求都要验证的用户进行提取拦截统一处理背景如果不进行统一的拦截处理，其实这是一个非常痛苦的一件事情，因为每次用户请求你都要去进行用户的信息（用户信息存储在session中）的验证&…...

编程日记 2023/9/27 15:15:06

自定义类型详解(上)

结构体 1 结构体的声明 1.1 结构的基础知识结构是一些值的集合，这些值称为成员变量。结构的每个成员可以是不同类型的变量。 1.2 结构的声明 struct tag//struct是结构体的标志，tag是标签;名字。 {member-list;//成员变量 }variable-list;//变量列…...

编程日记 2023/9/27 15:14:04

【数据库——MySQL】（9）函数、查询练习及讲解

目录 1. 题目1.1 函数练习1.2 数据库查询 2. 解答2.1 函数练习2.2 数据库查询 1. 题目 1.1 函数练习求圆周率的值，保留 6 位小数。生成两个 100 到 200 间的随机数。将”武汉大学”,”数学学院”,”计算数学”连接成一个字符串。求字符串中第三个字符为 A 的所有…...

编程日记 2023/9/27 15:12:02