xacme-prevent-click

xacme-prevent-click介绍(安装最新的版本没问题)

xacme-prevent-click提供了v-preventClick指令的方式处理用户点击事件，避免用户多次重复点击按钮，适用全局

安装

npm install xacme-prevent-click --save

具体栗子

导入包

main.js文件中使用导入
import preventClickInstall from 'xacme-prevent-click';

Vue.use(preventClickInstall);

标签中使用1

template标签中使用1如下， 即可实现按钮防抖
<button v-preventClick />

标签中使用2

template标签中使用2如下，同时添加time修饰符与豪秒数任意（3000豪秒），表示任意（3000毫秒）后可继续点击按钮
<button v-preventClick.time = '3000' />

$preventClickCancel() 方法按钮释放

调用$preventClickCancel()方法，可以取消按钮防抖，直接使用即可：例 this.$preventClickCancel(); // 释放按钮使可再次点击