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 彈出層 修改默認樣式不能在