Skip to content

vue / uni-app 可用,简单的节流&防抖动方法。

Notifications You must be signed in to change notification settings

ilss/vue-throttle-debounce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

节流&防抖动函数

适用于 vue / uni-app

  • type: (debounce防抖模式/throttle节流模式),默认节流
  • immediate: 是否需要立即执行(true立即执行/false不立即执行),默认立即执行
  • key: 防抖的关键词(用于标记防抖的关键词,可以通过此关键词连链接任意的事件,比如用户点击立即付款,
  • 非常快的又点击了取消订单,两个方法传同样的 * key即可解决)
  • time: 防抖时间(多少时间内生效(防抖模式(默认300ms)/节流模式(默认不锁定,需要手动解锁))),

如何使用?

main.js 加入全局引用

import tyDebounce from '@/util/debounce.js'
Vue.prototype.$tyDebounce = tyDebounce

事件函数处理

this.$tyDebounce({
  key: 'editPwdHandler',
  time: 3000,
  success: () => {
    //事件原本的处理放在这里
  }
})

About

vue / uni-app 可用,简单的节流&防抖动方法。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published