el-dialog 层级出现问题

作者: 奶瓶SAMA | 来源:发表于2020-11-17 09:45 被阅读0次

正常来讲里面的弹窗内容会在层级最上面官网示例

正常状态.png

而此时我本地的弹窗层级明显低

此时的状态.png

加上append-to-body
完整代码

<el-dialog
            title="提示"
            :visible.sync="centerDialogVisible"
            width="500px"
            append-to-body
            center>
            <div class="individual__REJECTED">
                <div>当前认证等级: {{leave == 'MIDDLE'? '高级': '中级'}}</div>
                <div>当前认证店铺: 森女部落</div>
                <div>认证状态: 拒绝通过(拒绝理由: 上传图片模糊)</div>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="centerDialogVisible = false">取 消</el-button>
                <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
            </span>
        </el-dialog>

恢复正常

正常.png