节流防抖按钮
这是一个可以节流防抖的函数,设计初衷,有一些用户不了解我们的代码,也不了解频繁的点击会造成服务器资源的浪费,总是点击多次,导致多次请求,造成了资源浪费,所以需要进行节流防抖,用来限制用户的点击时间间隔
使用方法
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) => void | MouseEvent |
