ant-design-vue/components/alert/demo/smooth-closed.md
2018-11-15 22:27:31 +08:00

38 lines
501 B
Markdown

<cn>
#### 平滑地卸载
平滑、自然的卸载提示。
</cn>
<us>
#### Smoothly Unmount
Smoothly and unaffectedly unmount Alert.
</us>
```html
<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>
```