更新记录

v1.0.1(2019-11-08)

优化解锁事件,优化体积

v1.0.0(2019-09-27)

防重复点击


平台兼容性

在main.js中引入jiuai-debounce.js文件,并注入vue实例中

//main.js 
//引入的地址需要判断哈,这个插件市场好像会改路径的样子
import jiuaiDebounce from '@/js_sdk/jiuai-debounce/jiuai-debounce.js'

Vue.prototype.$jiuaiDebounce=jiuaiDebounce;

需要使用的地方如下使用

//一定时间内禁止重复调用模式(例:3秒内禁止重复执行)
this.$jiuaiDebounce.canDoFunction({
    key:"事件名",//基于此值判断是否可以操作,如两个方法传入了同样的key,则会混淆,建议传入调用此事件的方法名,简单好梳理
    time:3000,//如果传入time字段,则为定时器后,自动解除锁定状态,单位(毫秒)
    success:()=>{//成功中调用应该操作的方法,被锁定状态不会执行此代码块内的方法
        console.log('我被点击了')
    }
})

//防重复请求(例:请求成功/失败后执行),不传time字段,或者time字段==false时是此逻辑

在需要解锁的时候,调用this.$jiuaiDebounce.releaseKey("事件名");来解除事件锁定
this.$jiuaiDebounce.canDoFunction({
    key:"事件名",
    success:()=>{//成功中调用应该操作的方法,被锁定状态不会执行此代码块内的方法
        uni.request({
            success:()=>{
                //this.$jiuaiDebounce.releaseKey("事件名")
            },
            fail:()=>{
                //this.$jiuaiDebounce.releaseKey("事件名")
            },
            complete:()=>{
                //this.$jiuaiDebounce.releaseKey("事件名")
            }
        })
    }
})

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问