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>


目录
相关文章
|
2月前
|
人工智能 前端开发 搜索推荐
前端UI框架的发展:从混沌到秩序的演变
前端UI框架的发展:从混沌到秩序的演变
|
2月前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
|
2月前
有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题
有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题
100 0
|
10天前
|
小程序 开发者 Windows
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
10 1
|
2天前
uniapp 安装插件 uView (多平台快速开发的UI框架)
uniapp 安装插件 uView (多平台快速开发的UI框架)
4 0
|
2月前
|
Web App开发 开发框架 前端开发
Open UI5 前端开发框架配套的 Mock Server 工作原理解析
Open UI5 前端开发框架配套的 Mock Server 工作原理解析
|
2月前
|
开发框架 前端开发 JavaScript
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面
|
2月前
|
JavaScript 前端开发 开发者
前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
|
2月前
|
Linux API Android开发
Airtest UI自动化框架 v1.1.4
Airtest UI自动化框架 v1.1.4
47 3
|
2月前
|
前端开发 JavaScript
响应式UI框架
响应式UI框架
71 0
响应式UI框架