element-ui框架的el-dialog弹出框被遮罩层挡住了

简介: element-ui框架的el-dialog弹出框被遮罩层挡住了

element-ui框架的el-dialog弹出框被遮罩层挡住了


如图:


5ced290ebc47445e94f26a526da9ff7f.png


解决方案


在el-dialog上加 :append-to-body="true",如下


<el-dialog :visible.sync="dialogUserVisible" title="修改密码" :append-to-body="true">
      <el-form ref="dataForm" label-position="left" label-width="100px" >
        <el-form-item label="新密码">
          <el-input type="text" aria-placeholder="请输入新密码" />
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogUserVisible = false">取消</el-button>
        <el-button type="primary" @click="dialogUserVisible = false">确认</el-button>
      </span>
    </el-dialog>


目录
相关文章
|
1月前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
18 0
|
1月前
有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题
有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题
42 0
|
5月前
|
JavaScript 前端开发 开发工具
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
164 1
|
1月前
|
Linux API Android开发
Airtest UI自动化框架 v1.1.4
Airtest UI自动化框架 v1.1.4
30 3
|
2月前
|
前端开发 JavaScript
响应式UI框架
响应式UI框架
49 0
响应式UI框架
|
4月前
|
C# Android开发 iOS开发
9 个 .NET UI 框架,您的选择是?
介绍 9 款 .NET UI 框架,有你的菜麽。
219 1
9 个 .NET UI 框架,您的选择是?
|
4月前
|
设计模式
二十三种设计模式全面解析-桥接模式的高级应用:构建灵活的跨平台UI框架
二十三种设计模式全面解析-桥接模式的高级应用:构建灵活的跨平台UI框架
|
4月前
|
前端开发
初学鸿蒙OS之JS-UI框架中基础组件的使用
初学鸿蒙OS之JS-UI框架中基础组件的使用
37 0
|
4月前
|
前端开发 容器
初学鸿蒙OS之JS-UI框架中提供了哪些组件
初学鸿蒙OS之JS-UI框架中提供了哪些组件
50 0
|
4月前
|
开发框架 JavaScript 前端开发
初学鸿蒙OS之UI框架
初学鸿蒙OS之UI框架
81 0

热门文章

最新文章