v-debounce
功能介绍
防抖功能
示例
使用
typescript
<script setup lang="ts">
const handle = () => {
window.alert('触发了事件')
}
</script>
<template>
<button v-debounce="handle">快速点击我</button>
</template>
规则
参数 | 类型 | 默认 | 说明 |
---|---|---|---|
eventType | 事件修饰符 | click | 事件类型,可为空 |
delay | 时间,毫秒为单位 | 300 | 延迟时间,可为空 |
handleEvent | - | - | 处理事件,必填 |
举例: v-debounce:click-1000="handle"
eventType: click
delay: 1000
handleEvent: handle