useDebounce
防抖函数,始终最后一次触发
基本用法
vue
<template>
<input style="border: 1px solid #12b981" placeholder="防抖" @input="input" />
<br /><br />
{{ desc }}
</template>
<script setup>
import { useDebounce } from "@yik_l/ui";
import { shallowRef } from "vue";
const desc = shallowRef("");
const input = useDebounce((e) => {
desc.value = e.target.value;
}, 1000);
</script>
参数
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
fun | 回调函数 | - | - |
wait | 触发时间,毫秒 | - | - |