fixedHeader: true, 当固定header 遮罩层覆盖diglog

对遮罩层加属性 :modal-append-to-body=“false” 将遮罩层会插入至 Dialog 的父元素上

module.exports = {title: '人事系统',/*** @type {boolean} true | false* @description Whether fix the header 是否修复页眉*/fixedHeader: true,/*** @type {boolean} true | false* @description Whether show the logo in sidebar*/sidebarLogo: true// 展示侧边栏顶部图标
}

<el-dialog :close-on-press-escape="false" :modal-append-to-body="false" :close-on-click-modal="false" :visible.sync="passWordShow" width="600px"><!-- tabs --><el-tabs><el-tab-pane label="修改密码"><el-form ref="passform" label-position="top" :model="passform" label-width="50px" style="padding: 0 80px 0 80px"><div class="editbox"><el-form-item label="新密码:" prop="newPsaaWord" :rules="[{ required: true, validator:(rule, value, cb) => answerFN(rule, value, cb), trigger: 'blur' }]"><el-input v-model="passform.newPsaaWord" show-password /></el-form-item><el-form-item label="确认新密码:" prop="confirmNewPsaaWord" :rules="[{ required: true, validator:(rule, value, cb) => answerFNTwo(rule, value, cb), trigger: 'blur' }]"><el-input v-model="passform.confirmNewPsaaWord" show-password /></el-form-item></div></el-form></el-tab-pane></el-tabs><!-- 确定按钮 --><div slot="footer" class="dialog-footer"><el-button @click="passWordShow = false">取 消</el-button><el-button type="primary" @click="employeeNewPass">确 定</el-button></div></el-dialog>

有其他好法子麻烦评论区留言我优化一下

element后台管理当navbar固定的时候,遮罩层覆盖diglog的问题相关推荐

vue+element 后台管理系统（三）树形图
<!DOCTYPE html> <html class="over_hidd"> <head><meta charset="UT ...
element+后台管理系统数据导出为excel+进度条导出
element+后台管理系统数据导出+进度条导出文章目录 element+后台管理系统数据导出+进度条导出一.项目需求? 二.使用方法 1.将进度条封装成组件,需要的值通过父组件传递 2.父组件引 ...
Vue + Bootstrap|Element UI——模态框被遮罩层遮盖问题解决方案
问题描述问题分析 1)若dialog弹出框,它的遮罩层就会被插入到body标签下(即与组件所在的最外层div同一层级) Element UI中设置了modal-append-to-body='tru ...
element ui 弹出组件的遮罩层在弹出层的上面的解决方法
element ui 弹出组件的遮罩层在弹出层的上面的解决方法参考文章: (1)element ui 弹出组件的遮罩层在弹出层的上面的解决方法 (2)https://www.cnblogs.com/ ...
element ui 弹出组件的遮罩层以及多层遮罩解决办法
做项目中遇到几次弹出框遮罩层的问题.有嵌套的弹出框.还有单页面中tabs标签页的弹出框.今天就说一下tabs中的弹出框遮罩层的问题. 这个页面有五个tabs页签,每一个都有弹出框组件,也就是说每一个 ...
Element 后台管理系统实用表格布局
此篇本章提供 Element 在后台管理系统中开发的一点归纳总结,欢迎大家复制粘贴及吐槽! <template><div><div class="app-con ...
element table 合计第一行固定列
element table 合计第一行在这位大哥这里学来的, 但同时我这边的情况是: 固定高度, 第一列固定, 参数多, 因此, 这个方法不能够完全满足, 因此加入以下代码: 代码作用: 在每次获 ...
vue+element后台管理系统(下载excel表格)
标题 vue后台管理系统下载excel表格 1.调用后台接口传入三个参数,url,data参数,第三个参数为一个对象,表格下载返回类型. 2.创建 Blob实列传入后台返回的数据和以对象形式声明类型参 ...
element Table表格错位，固定fixed错位
表格错位图问题:数据返回会产生从错乱 1.解决问题绑定 htmel methods doLayout() { if (this.$refs.multipleTable) { this.$nextT ...

element后台管理当navbar固定的时候,遮罩层覆盖diglog的问题

fixedHeader: true, 当固定header 遮罩层覆盖diglog

element后台管理当navbar固定的时候,遮罩层覆盖diglog的问题相关推荐

最新文章

热门文章