tiny-vue/examples/sites/demos/pc/app/notify/debounceDelay-composition-a...

23 lines
640 B
Vue

<template>
<div class="content">
<tiny-button @click="handleClick" :reset-time="0">Debounce</tiny-button>
</div>
</template>
<script setup lang="jsx">
import { ref } from 'vue'
import { Notify, Button as TinyButton } from '@opentiny/vue'
const handleClick = ref(
Notify({
type: 'info',
title: (h, params) => <h4>通知消息的标题</h4>,
message: '通知消息的正文,通知消息的正文,通知消息的正文,通知消息的正文,通知消息的正文,通知消息的正文',
position: 'top-right',
duration: 1000,
customClass: 'my-custom-cls',
debounceDelay: 3000
})
)
</script>