debouncing

I have a simple input box in a Vue template and I would like to use debounce more or less like this: <input type="text" v-model="filterKey" debounce="500"> However the debounce property has been deprecated in Vue 2 . The recommendation only says: "use v-on:input + 3rd party debounce function". How do you correctly implement it? I've tried to implement it using lodash , v-on:input and v-model , but I am wondering if it is possible to do without the extra variable. In template: <input type="text" v-on:input="debounceInput" v-model="searchInput"> In script: data: function () { return {

This is my Async Validator it doesn't have a debounce time, how can I add it? static emailExist(_signupService:SignupService) { return (control:Control) => { return new Promise((resolve, reject) => { _signupService.checkEmail(control.value) .subscribe( data => { if (data.response.available == true) { resolve(null); } else { resolve({emailExist: true}); } }, err => { resolve({emailExist: true}); }) }) } } It is actually pretty simple to achieve this (it is not for your case but it is general example) private emailTimeout; emailAvailability(control: Control) { clearTimeout(this.emailTimeout);