el-dialog 无法弹出来


这个是由于,新版element dialog没有v-model属性,要更改成  :visible=""
<el-dialog title="新增" :v-mode="addFormVisible" :close-on-click-modal="false">

将:v-mode="addFormVisible",改成:visible="addFormVisible"

<el-dialog title="新增" :visible="addFormVisible" :close-on-click-modal="false">

  

 

 

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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



猜您在找 Vue——每次弹出el-dialog,都会执行mounted elementUI vue this.$confirm 和el-dialog 弹出框 移动 el-dialog弹出框被遮罩层挡住了 el-dialog样式 饿了么element UI弹出层修改默认样式不能在