navmed / vue-debounce-decorator

Debounce methods in vue class components

vue-debounce-decorator

Debounce vue class methods using the @Debounce() decorator with vue class components.

import Vue from 'vue'
import Component from 'vue-class-component'
import { Debounce } from 'vue-debounce-decorator'

@Component
export default class App extends Vue {
  @Debounce(500)
  debouncedMethod() {
    console.log(`This method is debounced by 500ms`)
  }
}

Installing

yarn add -D vue-debounce-decorator

or

npm i vue-debounce-decorator --save-dev