vDebounce

防抖指令(仅支持在vue3项目中使用)

引入版本

0.80.0

Demo

<script setup lang="ts">
  import { vDebounce } from '@wyfex/iutils'
  import { ElMessage } from 'element-plus'

  const debounceClick = () => {
    ElMessage.success('简写模式防抖，立即执行')
  }

  const handler = (e: MouseEvent) => {
    console.log('配置模式防抖，延迟1.5s执行：', e)
    ElMessage.success('配置模式防抖，延迟1.5s执行')
  }
</script>

<template>
  <el-button
    type="primary"
    v-debounce="debounceClick"
  >
    简写模式
  </el-button>

  <el-button
    type="primary"
    v-debounce="{ handler, delay: 1500, immediate: false }"
  >
    配置模式
  </el-button>
</template>