Package Exports

vue-debounce

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-debounce) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue-debounce

A simple to use directive for debounce solutions

It attaches itself and uses oninput to keep track of changes

Features

Dynamic debouncing for input based requests
Easy to use, just place it into your vue instance and attach it to your inputs/components
Self regulating no need to worry about it, set it and forget it
Multiple time formats supported (miliseconds, seconds, and minutes)

Usage

First make sure we tell vue to use it

import Vue from 'vue'
import vueDebounce from 'vue-debounce'

Vue.use(vueDebounce)

Then attach a time:format to the directive, and set the value to the function you want to call and attach it to your input element

Example:

<input v-debounce:300ms="myFunc" type="text" />

If no wait timer is passed in, then the directive will default to 300ms.

You can pass the time in multiple formats:

<!-- If no time format is attached ms is used -->
<input v-debounce:300="myFunc" type="text" />

<!-- Seconds format is supported -->
<input v-debounce:1s="myFunc" type="text" />

<!-- Minutes format is also supported -->
<!-- For what I hope are rare cases? -->
<input v-debounce:1min="myFunc" type="text" />