v-debounce

防抖指令

• 采用 v-debounce 自定义指令，再指定时间触发某一个事件，会取消之前的触发并重新计时，直到事件触发结束。形如MOBA游戏里的回城操作

1秒内点击多次以最后一次为触发事件

<template>
  <adv-button type="secondary" v-debounce:fn="log"> debounce btn </adv-button>
</template>

<script setup lang="ts">
const log = () => {
  console.log('leisure lib');
};
</script>

<style scoped></style>

属性方法

属性名	类型	默认值	说明
fn	Function	无	触发函数
delay	number	1000	指定时间

类型接口

interface configI {
  fn: Function;
  delay?: number;
}