事件(Events)

範例:

Show code
<template>
  <vue-final-modal
    @click-outside="clickOutside"
    @before-open="beforeOpen"
    @opened="opened"
    @before-close="beforeClose"
    @closed="closed"
  >
    ...modal content
  </vue-final-modal>
</template>

@click-outside

  • 當點擊 modal 的容器(container)時發送事件。
就算 clickToClose 設定為 false ,這個事件依然會被發送。

@before-open

  • 當 modal 開始轉場進入到可見狀態前發送事件。
可以透過調用 event.stop() 可以停止打開 modal。

@opened

  • 當 modal 結束轉場進入到可見狀態後發送事件。

@before-close

  • 當 modal 即將被關閉時發送事件。
可以透過調用 event.stop() 來停止關閉 modal。

@closed

  • 當 modal 被關閉後發送事件。
在關閉 modal 之後,你可以透過調用 event.stop() 來防止清除 params
在 GitHub 上编辑此页面 Updated at Fri, May 7, 2021