使用自定義 ref 實現帶防抖功能的 v-model

import { customRef } from 'vue' export function useDebouncedRef<T>(value: T, delay = 200) {let timeout: any = nullreturn customRef((track, trigger) => {return {get() {track()return value},set(newValue: T) {clearTimeout(timeout)timeout = setTimeout(() => {value = newValuetrigger()}, delay)}}}) }//使用 export default {setup() {return {text: useDebouncedRef('hello')}} } <input v-model="text" />

總結

以上是生活随笔為你收集整理的vue3+ts 实现防抖功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。