ant-design-vue/components/alert/demo/smooth-closed.md

#### 平滑地卸载 平滑、自然的卸载提示。 #### Smoothly Unmount Smoothly and unaffectedly unmount Alert.

<template>
  <div>
    <a-alert
      v-if="visible"
      message="Alert Message Text"
      type="success"
      closable
      :afterClose="handleClose"
    />
  </div>
</template>
<script>
  export default {
    data() {
      return {
        visible: true,
      };
    },
    methods: {
      handleClose() {
        this.visible = false;
      },
    },
  };
</script>