解决el-dialog使用时无法正常弹出的问题

时间:2022-06-26
本文章向大家介绍解决el-dialog使用时无法正常弹出的问题,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

在使用el-dialog,发现无论怎么做,该对话框也无法显示,前端也没有报错. 点击按钮时,发现遮罩层已经出来了,但对话框没有显示. 经查,缺少属性append-to-body,将该值设置为true即可

        <!--审批悬浮框-->
        <el-dialog
                class="el-dialog__width"
                :title="operationForm.operationName"
                :visible.sync="showOperatedDialog"
                size="tiny" :append-to-body="true">

增加该属性,即可解决该问题!