你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

element-ui中弹框dialog在遮罩内部显示,需要点击一下页面才能正常显示

2021-10-28 5:20:40

修改之前

修改之后 

本项目使用了element-UI中的组件Dialog,需要在el-dialog标签中添加代码

:append-to-body="true"  

修改前:

<el-dialog 
      title="点播提示" 
      :visible.sync="centerDialogVisible"
      width="30%"
      center>
        </el-dialog> 

修改后:

<el-dialog 
      title="点播提示" 
      :visible.sync="centerDialogVisible"
      :append-to-body="true"  
      width="30%"
      center>
</el-dialog>