事件(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
。