在開發過程中,會經常把添加和編輯的彈窗寫在一起,減少代碼量,這樣有時會出現彈窗右上角關閉按鈕失效,點擊以后彈窗沒有關閉,如下圖所示:
點擊取消就是沒問題的,只有右上角的關閉按鈕失效,這時可以用官方文檔提供的“before-close”來解決這個問題
這是官方文檔,進去就能看到詳細說明:https://element.eleme.cn/#/zh-CN/component/dialog
來看看怎么用吧
里面的handleCanceledit是自定義的方法,這個方法名要和彈窗的取消按鈕方法名一致,會省去很多麻煩
這個小問題就解決啦!