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

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>

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