2.0.2 • Published 4 years ago

v-debounce-throttle v2.0.2

Weekly downloads
29
License
MIT
Repository
github
Last release
4 years ago

简介

v-debounce-throttle是一个vue防抖节流指令,控制单一事件的触发频率。其核心是拦截组件元素的v-on绑定事件,采用原生的事件注册机制。具体代码如下:

起步

  1. 安装
npm install v-debounce-throttle -S
  1. 引入
import vDebounceThrottle from 'v-debounce-throttle'
Vue.use(vDebounceThrottle)
  1. 示例
  • 防抖
<button v-debounce="handleClick"></button>
  • 节流
<button v-throttle="handleClick"></button>

使用案例

  • 使用方法1
<button v-debounce="handleClick">方法1</button>
  • 使用方法2
<button v-debounce="{fun: 'handleClick', event: 'click', args: 'test'}"></button>
  • 使用方法3
<button v-debounce.dblclick.stop="handleDblclick"></button>

API文档

参数

参数名称数据类型必填默认值说明
eventStringfalseclick事件名称
argsAnyfalsenull附加参数
waitNumberfalse200等待时间

默认延迟后触发,如若调整顺序,可以设置beforeall修饰符

修饰符(modifier)

  • 事件
    • click
    • dblclick
    • keyup
    • keydown
    • keypress
    • mousedown
    • mouseover
    • mouseleave
    • scroll
  • 事件修饰符
    • stop(取消冒泡)
    • prev(阻止默认事件)
    • before(防抖延迟前触发)
    • all(防抖延迟前后都触发)
2.0.2

4 years ago

2.0.1

4 years ago

1.0.24

4 years ago

1.0.23

4 years ago

1.0.22

4 years ago

1.0.21

5 years ago

1.0.20

5 years ago

1.0.19

5 years ago

1.0.18

5 years ago

1.0.17

5 years ago

1.0.16

5 years ago

1.0.15

6 years ago

1.0.14

6 years ago

1.0.13

6 years ago

1.0.12

6 years ago

1.0.11

6 years ago

1.0.9

6 years ago

1.0.8

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago