更新记录

1.0(2023-05-26) 下载此版本

2023-5-26跟防抖功能一起实现


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

简介111

  • 实现节流功能,防止用户快速多次点击。延迟时间自己设置,以第一次点击为准。只支持vue3的setup语法糖。

说明

  • 框架完全基于Vue3 SFC <script setup> 写法,不支持Vue2;
  • 可用于学习与交流;
  • 目前测试H5、微信小程序通过;
  • 其他平台暂未测试,后续会增加;

特性

  • 使用方式,在组件内用view做一个button样子。
  • 组件的延迟时间通过 wait属性自己设定,单位毫秒
  • 用户点击后调用的实际业务方法放到tapStop里
  • <view-throttle :wait="延迟时间" @tapStop="自定义事件方法(参数)">
  • 下单购买

目录结构

.
├─ src
│   │
│   ├─components # 组件目录
│   │   ├─ view-throttle
│   │   │    ├─view-throttle.vue
│   │   │    └─README.md
│   │   └─...
│   │ 

安装使用

  • 安装使用
放到工程的components目录下,基于easycom自动载入,页面不需要import,直接使用标签 view-throttle 即可

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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