选择用户对话框变到后面去了

简介: 选择用户对话框变到后面去了

遇到选择用户对话框变到后面去了

在vue form 通过自动组件生成相应的组件界面,包括用户选择,当然这里el-element与

Ant Design Vue等混用了,所以相应的z-index可能默认设置的值应有冲突,所以引起下面的问题

AntDesignVue Modal对话框设置z-index 对于对话框的 z-index 尝试过自己写 style 样式 但没有生

效 原来对话框内置了 z-index 的 API 供调用 默认值取得是1000

在引入 Element 时,可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于

改变组件的默认尺寸,zIndex 设置弹框的初始 z-index(默认值:2000)

所以默认Element的z-index要大的多,所以默认情况下,AntDesignVue Modal对话框在后面了,

所以需要显示在前面,就是在AntDesignVue Modal对话框设置

所以就要:zIndex设置大一点

如下:

设成2100就可以,太大也不好,这样显示就在前面了。

相关文章
|
5天前
抽屉式信息栏
抽屉式信息栏
|
6月前
|
小程序 JavaScript
小程序点击按钮弹出可填写框
小程序点击按钮弹出可填写框
67 0
|
5月前
|
C#
C# “文件选择对话框“ 和 “保存对话框“
C# “文件选择对话框“ 和 “保存对话框“
|
7月前
|
存储 JavaScript 数据安全/隐私保护
实用干货!reactRouter6 实现页面级按钮权限
今天咱们用 reac+reactRouter来实现页面级的按钮权限功能。这篇文章分三部分,实现思路、踩坑记录,代码实现。嫌啰嗦的朋友,直接拖到最后一章节看代码哦。
防止用户复制管理员网址进入页面、设置禁用隐藏按钮权限以及防止修改禁用按钮权限
防止用户复制管理员网址进入页面、设置禁用隐藏按钮权限以及防止修改禁用按钮权限
91 0
|
Android开发
不可取消的对话框
牙叔教程 简单易懂
104 0