打开和关闭回调事件

提示：

这两个回调事件会在打开和关闭 【动画结束后】 触发。

<template>
    <button @click="open">打开</button>

    <TinyLayer 
        v-model="visible" 
        title="弹窗标题" 
        @after-open="afterOpen" 
        @after-close="afterClose"
    >
        <div>这里是弹窗内容...</div>
        <div>这里是弹窗内容...</div>
        <div>这里是弹窗内容...</div>
    </TinyLayer>
</template>

<script setup>
    import { ref } from "vue";

    const visible = ref( false );
    const open = () => {
        visible.value = true;
    }
    const afterOpen = () => {
        alert( "打开了弹窗" );
    }
    const afterClose = () => {
        alert( "关闭了弹窗" );
    }
</script>