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

element-ui dialog弹窗 设置点击空白处不关闭

news 2026/2/10 12:05:32

根据官网提供方法

场景：vue实现的网站有两个弹窗同时出现时，关闭报警，批量进度条弹窗也关闭了，

1、每一个页面都有可能出现的报警弹窗，

2、页面a批量操控硬件添加操作的进度条弹窗

开始以为是因为点击报警弹窗，相当于点击modal(空白处)所以导致关闭报警弹窗的同时也关闭了进度条弹窗，所以涉及到了空白处误关闭了进度条的问题；官方方法如下：

需求：点击空白处不关闭弹窗

实现：:close-on-click-modal="false"

需求：点击Esc不关闭弹窗

实现：:close-on-press-escape="false" 

相关文章：

element-ui dialog弹窗 设置点击空白处不关闭

根据官网提供方法 场景：vue实现的网站有两个弹窗同时出现时，关闭报警，批量进度条弹窗也关闭了， 1、每一个页面都有可能出现的报警弹窗， 2、页面a批量操控硬件添加操作的进度条弹窗 开始以为是因为点击报警弹窗&#…...

编程日记 2023/9/10 1:04:47

第16节-PhotoShop基础课程-修复工具组-去水印

文章目录 前言1.污点修复画笔1.功能原理2.调整1.调整大小 Alt 右键 左右2.调整软硬 Alt 右键 上下 2.修复画笔工具 Alt 选取源1.常规2.选择图案 3.修补工具1.类型1.源2.目标 2.扩展 4.内容感知移动工具5.红眼工具 前言 去水印等 1.污点修复画笔 比如把下面的土豆&#xff08…...

编程日记 2023/9/10 1:03:46

conda的使用教程

conda的介绍 简单来说，conda软件就是来管理包的软件。以Python为例，在实际生活中，我们要处理多个不同的项目，因此，要安装不同的项目所需要的包，为了管理方便，conda就是用来打理不同项目的包&…...

编程日记 2023/9/10 1:02:45

客户端发现pod并与之通信

客户端发现pod并与之通信 pod需要一种寻找其他pod的方法来使用其他pod提供的服务，不像在没有Kubernetes的世界，系统管理员要在用户端配置文件中明确指出服务的精确IP地址 或者主机名来配置每个客户端应用，但同样的方法在Kubernetes中不适用 …...

编程日记 2023/9/10 1:01:42

Powershell模拟实现Linux下的tree命令

Powershell模拟实现Linux下的tree命令 代码 环境： P o w e r s h e l l 7 Powershell\ 7 Powershell 7 function Get-Tree {param([string]$directory ".",[int]$d 1,[switch]$f)$absolutePath Resolve-Path -Relative $directoryWrite-Host $absol…...

编程日记 2023/9/10 1:00:41

嵌入式基础-电路

目录 1、电流 1.1电流方向 1.2交流电和直流电 2、电压 3、电阻 4、欧姆定律 1、电流 电流是指单位时间内通过导体的电荷量，用符号I表示，单位是安培（A）。电流是电磁学中的基本量纲之一，是七个基本量纲之一。电流的…...

编程日记 2023/9/10 0:59:40

【JS面试题】如何通过闭包漏洞在外部修改函数中的变量

✍️ 作者简介: 前端新手学习中。 💂 作者主页: 作者主页查看更多前端教学 🎓 专栏分享：css重难点教学 Node.js教学 从头开始学习 ajax学习 前端面试题 文章目录 什么是闭包例 如何在函数外部修改闭包中变量 什么是闭包 闭包这个东西对新…...

编程日记 2023/9/10 0:58:39

【华为OD机试】按身高和体重排队【2023 B卷|100分】

【华为OD机试】-真题 !!点这里！！ 【华为OD机试】真题考点分类 !!点这里 !! 题目描述： 某学校举行运动会，学生们按编号(1、2、3…n)进行标识，现需要按照身高由低到高排列， 对身高相同的人，按体重由轻到重排列； 对于身高体重都相同的人，维持原有的编号顺序关系。请输…...

编程日记 2023/9/10 0:57:38

TCP原理（全网最详细）

一、确认应答（可靠性机制） TCP诞生的初衷就是可靠传输 可靠传输是TCP最核心的部分，TCP内部很多机制都是在保证可靠传输（可以理解为发一条消息，上面显示已读未读，可靠传输就是发一条消息我知道对方是否收到…...

编程日记 2023/9/10 0:56:36

react 初级基础

react基本使用 项目创建 项目的创建命令 npx create-react-app react-basic创建一个基本元素进行渲染 // 1 导入react 和 react-dom import React from "react"; import ReactDOM from "react-dom";// 2 创建 react 元素 React提供了创建元素的api Rea…...

编程日记 2023/9/10 0:55:36

linux学习书籍推荐

《Linux程序设计（第4版）》，Neil Matthew和Richard Stones编写。这本书是Linux/UNIX专家编写的，详细介绍了Linux系统以及其他UNIX风格的操作系统上的程序开发，包括标准Linux C语言函数库和各种由Linux或UNIX标准指定的工…...

编程日记 2023/9/10 0:54:35

LeetCode 428. Serialize and Deserialize N-ary Tree【树,BFS,DFS】困难

本文属于「征服LeetCode」系列文章之一，这一系列正式开始于2021/08/12。由于LeetCode上部分题目有锁，本系列将至少持续到刷完所有无锁题之日为止；由于LeetCode还在不断地创建新题，本系列的终止日期可能是永远。在这一系列刷题文章…...

编程日记 2023/9/10 0:53:34

javascript | 变量、函数、属性的命名规则

javascript标识符的命名规则 变量、函数、属性的名字、或者函数的参数，都可称为标识符。标识符可以是按照下列格式规则组合起来的一个或者多个字符。 第一个字符必须是一个字母、下划线_、或美元符号$。数字不可以作为标识符的首字符。其他字符可以是数字、字母、…...

编程日记 2023/9/10 0:52:32

手写Ribbon基本原理

本文已收录于专栏 《中间件合集》 目录 概念说明什么是RibbonRibbon和Nginx负载均衡的区别 工作流程代码实现RibbonSDK发送请求端引入RibbonSDK和Nacos的依赖配置文件中填写负载均衡策略调用代码 接收请求端执行效果发送请求端接收请求端 总结提升 概念说明 什么是Ribbon Ribb…...

编程日记 2023/9/10 0:51:31

k8s集群中ETCD备份和恢复

文章目录 [toc]一、etcd 概述二、安装etcdctl工具三、kubeadm部署方式部署1）备份2）恢复四、定时备份 五、二进制部署备份1）备份2）恢复1、停止apiserver和etcd2、etcd_1恢复3、etcd_2恢复4、etcd_3恢复5、启动etcd和apiserver6、检…...

编程日记 2023/9/10 0:50:30

node版本问题

服务器下载下来的vue项目启动出现下列问题 npm ERR! path E:\vueEnv\app\node_modules\node-sass npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js npm ERR! Building: C:\Program Files\nodejs\node.exe E:\vueEnv\ap…...

编程日记 2023/9/10 0:49:29

四）Stable Diffussion使用教程：图生图

这一篇来说说图生图。 除了文生图之外，SD常用的还有图生图模式。 图生图，顾名思义就是使用一张图去让AI生成自己喜欢的另一张图。 有时候我们有一张喜欢的图，但是希望换一种颜色方案，这时就可以通过图生图的方式去实现了&#…...

编程日记 2023/9/10 0:48:26

yolov7简化yaml配置文件

yolov7代码结构简单，效果还好，但是动辄超过70几个模块的配置文件对于想要对网络进行魔改的朋友还是不怎么友好的，使用最小的tiny也有77个模块 代码的整体结构简单，直接将ELAN结构化写成一个类就能像yolov5一样仅仅只有20几个模块&…...

编程日记 2023/9/10 0:47:26

pprof火焰图性能优化

pprof火焰图性能优化 火焰图（flame graph）是性能分析的利器,在go1.1之前的版本我们需要借助go-torch生成,在go1.1后go tool pprof集成了此功能,今天就来说说如何使用其进行性能优化 在你启动http server的地方直接加入导入: _ “net/http/pprof” 获取…...

编程日记 2023/9/10 0:46:25

Greenplum 查找数据目录占用最大的表

背景 社区中某同学提出问题： 某环境磁盘占用空间较大，于是想找到数据目录占用最大的表。使用常规查询找不出来，于是到数据目录下分析filenode，找到3个filenode占了400G。然而根据filenode从pg_class中确找不到对应的relfilenode。…...

编程日记 2023/9/10 0:45:23

C++实现分布式网络通信框架RPC(3)--rpc调用端

目录 一、前言 二、UserServiceRpc_Stub 三、 CallMethod方法的重写 头文件 实现 四、rpc调用端的调用 实现 五、 google::protobuf::RpcController *controller 头文件 实现 六、总结 一、前言 在前边的文章中，我们已经大致实现了rpc服务端的各项功能代…...

编程新知 2026/2/8 20:42:58

在鸿蒙HarmonyOS 5中实现抖音风格的点赞功能

下面我将详细介绍如何使用HarmonyOS SDK在HarmonyOS 5中实现类似抖音的点赞功能，包括动画效果、数据同步和交互优化。 1. 基础点赞功能实现 1.1 创建数据模型 // VideoModel.ets export class VideoModel {id: string "";title: string ""…...

编程新知 2025/11/14 9:31:35

java调用dll出现unsatisfiedLinkError以及JNA和JNI的区别

UnsatisfiedLinkError 在对接硬件设备中，我们会遇到使用 java 调用 dll文件 的情况，此时大概率出现UnsatisfiedLinkError链接错误，原因可能有如下几种 类名错误包名错误方法名参数错误使用 JNI 协议调用，结果 dll 未实现 JNI 协…...

编程新知 2025/10/6 16:38:04

在四层代理中还原真实客户端ngx_stream_realip_module

一、模块原理与价值 PROXY Protocol 回溯 第三方负载均衡（如 HAProxy、AWS NLB、阿里 SLB）发起上游连接时，将真实客户端 IP/Port 写入 PROXY Protocol v1/v2 头。Stream 层接收到头部后，ngx_stream_realip_module 从中提取原始信息…...

编程新知 2026/1/4 5:02:00

跨链模式：多链互操作架构与性能扩展方案

跨链模式：多链互操作架构与性能扩展方案 ——构建下一代区块链互联网的技术基石 一、跨链架构的核心范式演进 1. 分层协议栈：模块化解耦设计 现代跨链系统采用分层协议栈实现灵活扩展（H2Cross架构）： 适配层&#xf…...

编程新知 2026/2/5 14:15:13

镜像里切换为普通用户

如果你登录远程虚拟机默认就是 root 用户，但你不希望用 root 权限运行 ns-3（这是对的，ns3 工具会拒绝 root），你可以按以下方法创建一个 非 root 用户账号 并切换到它运行 ns-3。 一次性解决方案：创建非 roo…...

编程新知 2025/9/11 11:00:29

Python爬虫（二）：爬虫完整流程

爬虫完整流程详解（7大核心步骤实战技巧） 一、爬虫完整工作流程 以下是爬虫开发的完整流程，我将结合具体技术点和实战经验展开说明： 1. 目标分析与前期准备 网站技术分析： 使用浏览器开发者工具（F12&…...

编程新知 2025/10/19 5:48:51

NXP S32K146 T-Box 携手 SD NAND（贴片式TF卡）：驱动汽车智能革新的黄金组合

在汽车智能化的汹涌浪潮中，车辆不再仅仅是传统的交通工具，而是逐步演变为高度智能的移动终端。这一转变的核心支撑，来自于车内关键技术的深度融合与协同创新。车载远程信息处理盒（T-Box）方案：NXP S32K146 与…...

编程新知 2026/1/24 14:43:35

Python基于历史模拟方法实现投资组合风险管理的VaR与ES模型项目实战

说明：这是一个机器学习实战项目（附带数据代码文档），如需数据代码文档可以直接到文章最后关注获取。 1.项目背景 在金融市场日益复杂和波动加剧的背景下，风险管理成为金融机构和个人投资者关注的核心议题之一。VaR&…...

编程新知 2026/2/9 17:44:07

机器学习的数学基础：线性模型

线性模型 线性模型的基本形式为： f ( x ) ω T x b f\left(\boldsymbol{x}\right)\boldsymbol{\omega}^\text{T}\boldsymbol{x}b f(x)ωTxb 回归问题 利用最小二乘法，得到 ω \boldsymbol{\omega} ω和 b b b的参数估计$ \boldsymbol{\hat{\omega}}…...

编程新知 2025/10/2 9:07:50