解決方式一 ： 將Dialog下的close-on-click-modal屬性改為‘false’。
需要注意的是： 在使用close-on-click-modal屬性時，必須在該屬性前加“:”。
解決方式二： 可以通過before-close屬性，在Dialog關閉時，讓用戶進行確認是否需要關閉。
before-close 僅當用戶通過點擊關閉圖標或遮罩關閉 Dialog 時起效。如果你在 footer 具名 slot 里添加了用於關閉 Dialog 的按鈕，那么可以在按鈕的點擊回調函數里加入 before-close 的相關邏輯
ElementUI+Vue 解決在使用el-dialog時，點擊el-dialog外的其他區域會導致該對話框關閉
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
ElementUI+Vue在使用el-dialog時，如何做到在彈出dialog時，外部呈鎖定狀態，而不是點擊外部導致dialog直接關閉。
element ui 對話框el-dialog關閉事件
el-dialog中點擊之外的區域不關閉彈窗
element ui 對話框el-dialog關閉事件（ ×號 ）
elementUI el-dialog彈框居中
elementUI vue this.$confirm 和el-dialog 彈出框 移動
elementUI封裝 el-dialog
element 在el-dialog中使用tinymce導致富文本彈窗在el-dialog后的問題
ElmentUI 設置禁止點擊遮罩關閉 el-dialog 彈窗
el-dialog樣式