39 lines
		
	
	
		
			678 B
		
	
	
	
		
			Vue
		
	
	
			
		
		
	
	
			39 lines
		
	
	
		
			678 B
		
	
	
	
		
			Vue
		
	
	
<docs>
 | 
						||
---
 | 
						||
order: 1
 | 
						||
title:
 | 
						||
  zh-CN: 修改延时
 | 
						||
  en-US: Customize duration
 | 
						||
---
 | 
						||
 | 
						||
## zh-CN
 | 
						||
 | 
						||
自定义时长 `10s`,默认时长为 `3s`。
 | 
						||
 | 
						||
## en-US
 | 
						||
 | 
						||
Customize message display duration from default `3s` to `10s`.
 | 
						||
 | 
						||
</docs>
 | 
						||
 | 
						||
<template>
 | 
						||
  <a-button @click="success">Customized display duration</a-button>
 | 
						||
</template>
 | 
						||
<script lang="ts">
 | 
						||
import { message } from 'ant-design-vue';
 | 
						||
import { defineComponent } from 'vue';
 | 
						||
export default defineComponent({
 | 
						||
  setup() {
 | 
						||
    const success = () => {
 | 
						||
      message.success(
 | 
						||
        'This is a prompt message for success, and it will disappear in 10 seconds',
 | 
						||
        10,
 | 
						||
      );
 | 
						||
    };
 | 
						||
    return {
 | 
						||
      success,
 | 
						||
    };
 | 
						||
  },
 | 
						||
});
 | 
						||
</script>
 |