Element UI 元件 Dialog 中 before-close 與 close 的區別

gentsir發表於2024-09-14
UI元件
<el-dialog
  width="600px"
  :title="title"
  :visible.sync="dialogVisible"
  :close-on-click-modal="false"
  :before-close="handleBeforeClose"
  @open="handleOpen"
  @close="handleClose"
>

總結：

1、點選 ”x“ 或”取消“按鈕會依次呼叫 handleBeforeClose()、handleClose() ，點選”確定“按鈕僅呼叫 handleBeforeClose()

2、若想在點選確定後關閉彈窗或處理其他邏輯，應使用 before-close。因為點選 ”x“ 或”取消“按鈕本身就會關閉彈窗，無須額外處理

相關文章