By webfansplz @webfansplz
防抖函数在输入框操作场景中非常有用。
一个 防抖的ref
在Vue.js
更加灵活,让我们开始吧 👇:
<script setup>
import { watch } from "vue"
/**
* 补全以下函数来实现防抖ref :
*/
function useDebouncedRef(value, delay = 200) {
}
const text = useDebouncedRef("hello")
/**
* 确保在输入框快速输入时, 只触发一次回调。
*/
watch(text, (value) => {
console.log(value)
})
</script>
<template>
<input v-model="text" />
</template>