element ui 彈窗右上角關閉按鈕失效的處理方法


在開發過程中,會經常把添加和編輯的彈窗寫在一起,減少代碼量,這樣有時會出現彈窗右上角關閉按鈕失效,點擊以后彈窗沒有關閉,如下圖所示:

 

點擊取消就是沒問題的,只有右上角的關閉按鈕失效,這時可以用官方文檔提供的“before-close”來解決這個問題

這是官方文檔,進去就能看到詳細說明:https://element.eleme.cn/#/zh-CN/component/dialog

來看看怎么用吧

 

 

 里面的handleCanceledit是自定義的方法,這個方法名要和彈窗的取消按鈕方法名一致,會省去很多麻煩

 

 這個小問題就解決啦!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM