Skip to content

节流防抖按钮

这是一个可以节流防抖的函数,设计初衷,有一些用户不了解我们的代码,也不了解频繁的点击会造成服务器资源的浪费,总是点击多次,导致多次请求,造成了资源浪费,所以需要进行节流防抖,用来限制用户的点击时间间隔

使用方法

html
<fx-btn name="测试" clickType="debounce" :tdTime="3000" />

FxBtn 属性列表

属性名说明类型默认值
name按钮的名字string-
fxType按钮类型,参考 element-plus 的按钮类型'default' | 'primary' | 'success' | 'info' | 'warning' | 'danger'-
clickType按钮是节流还是防抖类型'throttle'(节流) | 'debounce'(防抖)-
tdTime节流防抖的时间间隔number不必填,默认 500
isPercent是否是百分比boolean不必填,默认 false

FxBtn 事件列表

事件名说明回调参数类型
hand-click点击按钮触发的事件(e: MouseEvent) => voidMouseEvent

在MIT许可下发布    备案号: 晋ICP备2024051569号-1