zoukankan      html  css  js  c++  java
  • elementUI的Dialog弹出框蒙版被遮住

    类似于这种,相信会有很多人遇到这种问题的,其实解决的方法很简单

    <el-dialog title="修改分类" :visible.sync="modifyFormVisible" :modal-append-to-body="false" width="30%" center>
          <el-form :model="modifyData" ref="modifyForm" :rules="rules">
            <el-form-item label="分类名称:" label-width="100px" prop="categoryName">
              <el-input v-model="modifyData.categoryName" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="分类级别:" label-width="100px" prop="categoryLevel">
              <el-input v-model="modifyData.categoryLevel" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="目录层级:" label-width="100px" prop="parentCode">
              <el-input v-model="modifyData.parentCode" auto-complete="off"></el-input>
            </el-form-item>
          </el-form>

    只需要加一条  :modal-append-to-body="false" 其实仔细看官方文档的同学也会发现这个的,它接受一个布尔值,默认为true的,我们需要把它改成false,让遮罩层插入至 body 元素上

  • 相关阅读:
    聊聊、最新 IDEA 2019.3.3 版本 注册码 有效期 2089
    聊聊、Spring自动扫描器
    聊聊、JVM 第一篇
    聊聊、AES 和 DES
    聊聊、Spring WebApplicationInitializer
    聊聊、Java SPI
    聊聊、Spring ServletContainerInitializer
    《Redis
    《Redis
    《Redis
  • 原文地址:https://www.cnblogs.com/xiaocuncheng/p/9178437.html
Copyright © 2011-2022 走看看