Как корректно переписать метод «scrolled: debounce(function (position) { ...» на typescript?

Question

[bormor]

import { debounce } from 'quasar'

export default {
  methods: {
    scrolled: debounce(function (position) {  // ВОТ ЭТУ СТРОКУ
      ...
    }, 200) // debounce for 200ms
  }
}

Это правильный подход?
(фрагмент для 'vue-class-component')

scrolled(){
  return debounce((position) => {
    ...
  }, 200) // debounce for 200ms
}

Answer 1

[bormor]

scrolled(){
  return debounce( (position) => {
  ...
  }, 200)
}

Comments

[Владимир Сартаков]

Работает как следует?
Так будет раз в 10 секунд вызываться?:

scrolled(){
  return debounce( (position) => {
      console.warn( new Date().getTime() )
  }, 10000)
}

Или как вызывается scrolled() ?

Answer 2

[Никита Давыдов]

Нужно создать computed свойство и вызывать уже его.
С vue-property-decorator это выглядит так:

get FooDebonced() {
  return _.debounce(this.Foo, this.timeDebounce)
}

И можно вызывать из любого места
this.FooDebonced(FooParam1, FooParam2,...)
или шаблона
@myEvent="FooDebonced"
Foo - это метод, который хотим вызвать

private Foo(FooParam1: string, FooParam2: int, ...) {
...
}