UNPKG

@zhoucanyu/cc-tools

Version:

基于 Vue 自己封装的一些工具

29 lines (21 loc) 770 B
### v-debounce 防抖指令 给事件添加防抖效果<br> 参数<br> 事件通过修饰符传参 没有默认值 目前解锁事件 click keydown input<br> 防抖的事件间隔 也是通过修饰符传参 默认值 300ms<br> v-debounce.click="bar" ``` // 添加一个点击事件 <div v-debounce.click="bar">按钮</div> //默认300ms的延迟 <div v-debounce:1000.click="bar">按钮</div> // 1000ms的延迟 ``` 如果要获取 event 对象可以添加 event 修饰符 v-debounce.click.event="bar" ``` <div v-debounce.click.event="bar">按钮</div> //获取event对象 ``` 如果要给事件传参 必须使用箭头函数的形式 给事件传参 不能和 event 修饰符一起使用 只能 2 选 1 ``` <div v-debounce.click="() => bar(1)">按钮</div> ```