vuepfc是一个Vue插件，它提供一个非常有用的Vue指令，用于阻止用户快速的连续点击行为。用户第一次点击的时候会立即调用callback,在wait(default = 500ms)时间内的重复调用都会被取消。在后台管理系统中用于优化用户交互体验非常有用。
npm install vuepfc --save// install plugin
import vuepfc from 'vuepfc'
Vue.use(vuepfc)// template
<button v-pfc="clickMe">vue pfc</button>
// script
methods: {
clickMe() {
console.log('click')
}
}wait默认时间是500ms，你可以根据需要修改该参数。
// template
<button v-pfc="{wait: 300, callback: clickMe}">vue pfc</button>
// script
methods: {
clickMe() {
console.log('click')
}
}阻止冒泡：v-pfc.stop = callback
阻止默认行为：v-pfc.prevent = callback
欢迎贡献你的代码。