el-dialog 层级出现问题

河湾欢儿

发布于 2020-11-24 11:53:19

2K0

发布于 2020-11-24 11:53:19

文章被收录于专栏：河湾欢儿的专栏河湾欢儿的专栏

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

正常状态.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>

恢复正常