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

element-ui 弹窗里面嵌套弹窗，解决第二个弹窗被遮罩层掩盖无法显示的问题

news 2026/3/29 19:17:53

当我们在 element-ui 中使用弹窗嵌套弹窗时，会出现第二个弹窗打开时被一个遮罩层挡着，就像下面这样：

下面提供两种解决方案 ：

一、第一种方案

我们查询element-ui 官网可以发现 el-dialog 有这样几个属性：

 具体使用就是在第一个弹窗中设置 :modal-append-to-body="false"  和 :append-to-body="true"，在第二个弹窗中设置 :append-to-body="true"

这样就能实现我们想要的效果了。

二、 第二种方案

我们可以把两个弹窗平级写在主页面中，并同时给2个弹窗设置 :append-to-body="true"

相关文章：

element-ui 弹窗里面嵌套弹窗，解决第二个弹窗被遮罩层掩盖无法显示的问题

当我们在 element-ui 中使用弹窗嵌套弹窗时，会出现第二个弹窗打开时被一个遮罩层挡着，就像下面这样： 下面提供两种解决方案 ： 一、第一种方案 我们查询element-ui 官网可以发现 el-dialog 有这样几个属性： 具体使用就…...

编程日记 2023/8/29 21:15:50

【业务功能篇76】微服务网关路由predicates断言条件-filters路由转换地址-跨域问题-多级目录树化层级设计-mybatisPlus逻辑删除

业务开发-基础业务-分类管理 启动renren-fast如果出现如下错误 -Djps.track.ap.dependenciesfalse 添加相关配置即可 分类管理 1.后端分类接口 JDK8特性：https://blog.csdn.net/qq_38526573/category_11113126.html 在后端服务中我们需要查询出所有的三级分类信…...

编程日记 2023/8/29 21:14:48

apache的ab工具测试网页优化效果速度以及服务器承载

今天为大家介绍一款apache自带的一种的测试网页优化效果速度以及服务器承载的工具——ab.exe。 大家在工作中或者开发中可以使用apache的ab工具来测试自己的网站并发量大小，和某个页面的访问时间。 一、基本用法 如果你是用的是apache的话，那么只要进…...

编程日记 2023/8/29 21:13:46

【进阶篇】MySQL 存储引擎详解

文章目录 0.前言1.基础介绍2.1. InnoDB存储引擎底层原理InnoDB记录存储结构和索引页结构InnoDB记录存储结构：InnoDB索引页结构： 3. MVCC 详解3.1. 版本号分配：3.2. 数据读取：3.3. 数据写入：3.4. 事务隔离级别&#xff…...

编程日记 2023/8/29 21:12:44

Spring集成【MyBatis】和【PageHelper分页插件】整合---详细介绍

一，spring集成Mybatis的概念 Spring 整合 MyBatis 是将 MyBatis 数据访问框架与 Spring 框架进行集成，以实现更便捷的开发和管理。在集成过程中，Spring 提供了许多特性和功能，如依赖注入、声明式事务管理、AOP 等 它所带来给我们的…...

编程日记 2023/8/29 21:11:42

PyCharm下安装配置PySide6开发环境（Qt Designer(打开，编辑)、PyUIC和PyRCC）

一.准备工作 1.安装python和pycharm并配置好环境变量 python安装路径 pycharm安装路径： python系统变量： pycharm环境变量： 注意：正常安装，并勾选ADD PATH一般会自动配好 2.在pycharm创建一个新的python的虚拟环境 …...

编程日记 2023/8/29 21:10:39

pytest fixture 创建一个 requests.session() 对象

当你运行这段代码时，它会执行以下操作： 1. 导入必要的库：pytest 和 requests。 2. 定义一个夹具（fixture）函数 session，使用 pytest.fixture(scopesession) 装饰器进行标记。这个夹具函数在整个测试会话期…...

编程日记 2023/8/29 21:09:37

深入分析负载均衡情景

本文出现的内核代码来自Linux5.4.28，为了减少篇幅，我们尽量不引用代码，如果有兴趣，读者可以配合代码阅读本文。 一、有几种负载均衡的方式？ 整个Linux的负载均衡器有下面的几个类型： 实际上内核的负载均衡…...

编程日记 2023/8/29 21:08:36

WPF基础入门-Class5-WPF命令

WPF基础入门 Class5-WPF命令 1、xaml编写一个button&#xff0c;Command绑定一个命令 <Grid><ButtonWidth"100"Height"40" Command"{Binding ShowCommand}"></Button> </Grid>2、编写一个model.cs namespace WPF_Le…...

编程日记 2023/8/29 21:07:33

云安全攻防（十三）之 使用minikube安装搭建 K8s 集群

使用minikube安装搭建 K8s 集群 Kubernetes 是一个可移植的、可扩展的开源平台&#xff0c;用于管理容器化的工作负载和服务&#xff0c;可促进声明式配置和自动化,一般来说K8s安装有三种方式&#xff0c;分别是Minikube装搭建 K8s 集群&#xff0c;特点是只有一个节点的集群&…...

编程日记 2023/8/29 21:06:31

Python数据分析 | 各种图表对比总结

本期将带领大家一起对在数据可视化的过程中常用的一些图表进行下总结&#xff1a; 条形图 【适用场景】 适用场合是二维数据集&#xff08;每个数据点包括两个值x和y&#xff09;&#xff0c;但只有一个维度需要比较&#xff0c;用于显示一段时间内的数据变化或显示各项之间的…...

编程日记 2023/8/29 21:05:28

linux系统（centos、ubuntu、银河麒麟服务、uos、deepin）判断程序是否已安装，通用判断方法：适用所有应用和命令的判断

前言 项目中需要判断linux服务器中是否已经安装了某个服务 方法有很多种&#xff0c;但是很多都不通用&#xff0c; 脚本代码就不容易做成统一的 解决方案 用下面的脚本代码去进行判断 用jdk测试 脚本意思如下&#xff1a; 输入java -version命令&#xff0c;将返回的字…...

编程日记 2023/8/29 21:04:26

Python3多线程/多进程解决方案（持续更新ing...）

诸神缄默不语-个人CSDN博文目录 文章目录 1. 多线程2. 多进程示例1&#xff1a;multiprocessing.Pool直接实现对一个列表中的每个元素的函数操作示例2&#xff1a;使用苏神写的工具函数实现对一个迭代器中每个元素的函数操作 1. 多线程 2. 多进程 示例1&#xff1a;multiproc…...

编程日记 2023/8/29 21:03:23

在`CentOS`中安装`Docker Engine`

本文总结如何在CentOS中安装Docker Engine 〇、Docker Engine 介绍 Docker Engine是一种开源容器化技术&#xff0c;用于构建和容器化应用程序。Docker引擎作为一个客户端-服务器应用程序: 具有长时间运行守护进程的服务器。指定接口的api&#xff0c;程序可以使用这些接口与…...

编程日记 2023/8/29 21:02:22

[ VMware 虚拟机 ] 启动不了图形界面，报 “The system is running in low-graphics mode” 错误

文章目录 问题现象异常原因解决方案 问题现象 在启动虚拟机的时候&#xff0c;不能正常的进入图形界面&#xff0c;报 “The system is running in low-graphics mode” 错误。 异常原因 启动界面的xorg.conf文件失败并删除。 解决方案 1、点击异常界面上的 “ok”后&…...

编程日记 2023/8/29 21:01:20

如何提高视频清晰度？视频调整清晰度操作方法

现在很多小伙伴通过制作短视频发布到一些短视频平台上记录生活&#xff0c;分享趣事。但制作的视频有些比较模糊&#xff0c;做视频的小伙伴应该都知道&#xff0c;视频画质模糊不清&#xff0c;会严重影响观众的观看体验。 通过研究&#xff0c;总结了以下几点严重影响的点 …...

编程日记 2023/8/29 21:00:18

IO进程线程，文件与目录，实现linux任意目录下ls -la

注意文件的名字、路径是如何输入的。 函数opendir打开目录&#xff0c;struct dirent&#xff0c;struct stat这些结构体的含义。 readdir()函数是一个用于读取目录内容的系统调用或库函数&#xff0c;在类Unix操作系统中&#xff08;如Linux&#xff09;广泛使用。它用于遍历…...

编程日记 2023/8/29 20:59:16

R语言如果列表中有列表，且每个子列表有一个向量：如何转变为仅仅一个列表里面含有向量

引言 有些时候&#xff0c;比如批量读取表格中的某一列的时候&#xff0c;最终你会得到列表里面装列表&#xff0c;且每个列表里面只有一个向量的情况。我们的目标是不要中间这一层列表&#xff0c;而是直接变成列表-向量这种简单的结构&#xff0c;如何完成呢。我觉得有很多方…...

编程日记 2023/8/29 20:58:13

nrm管理源仓库及发布私人npm包

使用nrm管理源及切换源仓库 1.安装nrm源管理器 npm install nrm -g2.查看目前现有的源仓库 通过 nrm ls 查看现有的源 nrm ls 输出&#xff1a;这是目前现有的源 3.切换不同的源 可以通过 nrm use xxx&#xff08;源仓库名&#xff09;来切换不同的源地址 nrm use taobao…...

编程日记 2023/8/29 20:57:10

云计算——虚拟化中的网络架构与虚拟网络（文末送书）

作者简介&#xff1a;一名云计算网络运维人员、每天分享网络与运维的技术与干货。 公众号&#xff1a;网络豆 座右铭&#xff1a;低头赶路&#xff0c;敬事如仪 个人主页&#xff1a; 网络豆的主页​​​​​ 目录 前期回顾 前言 一.网卡虚拟化 1.网卡虚拟化方法&…...

编程日记 2023/8/29 20:56:08

数据库工具效率提升指南：三步掌握开源数据库管理新范式

数据库工具效率提升指南&#xff1a;三步掌握开源数据库管理新范式 【免费下载链接】dblab The database client every command line junkie deserves. 项目地址: https://gitcode.com/gh_mirrors/db/dblab 在数据驱动开发的时代&#xff0c;开源数据库管理工具已成为开…...

编程新知 2026/3/29 18:07:17

Q345A、Q345B、Q345C、Q345D、Q345E钢材的性能差异分析

Q345A、Q345B、Q345C、Q345D、Q345E 钢材的性能差异分析 Q345是一种钢材的材质。它是低合金钢（C<0.2%)，广泛应用于建筑，桥梁、车辆、船舶、压力容器等。Q代表的是这种材质的屈服强度，后面的345，就是指这种材质的屈服值，在345MPa左右。并会随着材质的厚度的增加而使其…...

编程新知 2026/3/29 17:41:09

比迪丽FLUX.1效果对比：相比SDXL，面部结构准确率提升18.7%

比迪丽FLUX.1效果对比&#xff1a;相比SDXL&#xff0c;面部结构准确率提升18.7% 1. 引言&#xff1a;当动漫角色遇上新一代AI绘画引擎 如果你是一位《龙珠》的粉丝&#xff0c;或者热衷于用AI生成动漫角色&#xff0c;那么“比迪丽”这个名字你一定不陌生。作为悟饭的妻子&a…...

编程新知 2026/3/29 16:58:33

终极指南：如何用UMA模型快速预测催化吸附能，节省90%计算时间

终极指南&#xff1a;如何用UMA模型快速预测催化吸附能&#xff0c;节省90%计算时间 【免费下载链接】ocp Open Catalyst Projects library of machine learning methods for catalysis 项目地址: https://gitcode.com/GitHub_Trending/oc/ocp 在催化材料研究中&#x…...

编程新知 2026/3/29 16:08:18

完整构建流程：从CMake配置到PyPI分发的nanobind项目部署

完整构建流程&#xff1a;从CMake配置到PyPI分发的nanobind项目部署 【免费下载链接】nanobind nanobind: tiny and efficient C/Python bindings 项目地址: https://gitcode.com/gh_mirrors/na/nanobind nanobind是一个用于创建C/Python绑定的轻量级高效工具&#xff0…...

编程新知 2026/3/29 15:56:12

GsonFormat深度解析：如何高效处理复杂JSON数据结构

GsonFormat深度解析&#xff1a;如何高效处理复杂JSON数据结构 【免费下载链接】GsonFormat 根据Gson库使用的要求,将JSONObject格式的String 解析成实体 项目地址: https://gitcode.com/gh_mirrors/gs/GsonFormat GsonFormat是一款专为Android Studio和IntelliJ IDEA设…...

编程新知 2026/3/29 14:19:29

从零开始：LabelImg图像标注工具的完整实战指南

从零开始&#xff1a;LabelImg图像标注工具的完整实战指南 【免费下载链接】labelImg LabelImg is now part of the Label Studio community. The popular image annotation tool created by Tzutalin is no longer actively being developed, but you can check out Label Stu…...

编程新知 2026/3/29 13:55:17

如何在PC上完美运行PS3游戏：RPCS3模拟器终极指南

如何在PC上完美运行PS3游戏&#xff1a;RPCS3模拟器终极指南 【免费下载链接】rpcs3 PS3 emulator/debugger 项目地址: https://gitcode.com/GitHub_Trending/rp/rpcs3 你是否曾经想过在电脑上重温那些经典的PS3游戏&#xff1f;或者想要体验那些只能在PlayStation 3上玩…...

编程新知 2026/3/29 13:26:41

惊艳！Qwen3-4B-Instruct-2507文本生成效果实测：看看AI能写出什么

惊艳&#xff01;Qwen3-4B-Instruct-2507文本生成效果实测&#xff1a;看看AI能写出什么 1. 开篇&#xff1a;认识这款强大的文本生成模型 Qwen3-4B-Instruct-2507是阿里开源的最新文本生成大模型&#xff0c;它在多个方面都有显著提升。简单来说&#xff0c;这个AI不仅能理解…...

编程新知 2026/3/29 13:16:33

如何快速上手艾尔登法环存档编辑器：新手完整指南

如何快速上手艾尔登法环存档编辑器&#xff1a;新手完整指南 【免费下载链接】ER-Save-Editor Elden Ring Save Editor. Compatible with PC and Playstation saves. 项目地址: https://gitcode.com/GitHub_Trending/er/ER-Save-Editor ER-Save-Editor是一款专为《艾尔登…...

编程新知 2026/3/29 13:08:27