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>