更新记录
1.0(2023-05-26)
下载此版本
2023-5-26跟防抖功能一起实现
平台兼容性
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 即可