最近在项目中用到el-dialog, 出现了层级问题, 弹框的z-index是比遮罩层的大, 但是遮罩层却显示在弹框上层 , 如下图:
解决方法: 在el-dialog中加上append-to-body
<el-dialog title="请确认删除" :visible.sync="dialogRiskPerVisible" append-to-body>
<el-row>
<el-col :span="24">
<span>{{delInfo.name}}</span>
</el-col>
</el-row>
</el-dialog>
恢复正常: