vue3 调用防抖函数失败，怎么解决？

写的一个防抖函数：

const debounce = (fn, theTime) => {
  return function () {
    clearTimeout(fn.timer)
    fn.timer = setTimeout(() => {
      fn.call(this, ...arguments)
    }, theTime)
  }
}

下面是 vue3的一个input，用的elementui，定义了一个input事件search

<el-input
      v-model="txt"
      placeholder="请输入网址"
      clearable
      size="large"
      @input="search"
    ></el-input>

我想在search里调用debounce函数，怎么也调不成功：

const search = (e) => {
  debounce(() => {
    console.log('ssssf')
  }, 500)
}

是我调的方法不对吗？