ant-design-vue/components/alert/demo/closable.md

744 B

#### 可关闭的警告提示 显示关闭按钮,点击可关闭警告提示。 #### Closable To show close button.
<template>
  <div>
    <a-alert
      message="Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text"
      type="warning"
      closable
      @close="onClose"
    />
    <a-alert
      message="Error Text"
      description="Error Description Error Description Error Description Error Description Error Description Error Description"
      type="error"
      closable
      @close="onClose"
    />
  </div>
</template>
<script>
  export default {
    methods: {
      onClose(e) {
        console.log(e, 'I was closed.');
      },
    },
  };
</script>