码迷,mamicode.com
首页 > 其他好文 > 详细

vue函数节流防抖

时间:2021-04-01 12:56:04      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:color   import   ram   rgb   div   throttle   nts   func   rom   

//js
/**
 * 函数节流
 * @param func
 * @param wait
 * @returns {function(...[*]=)}
 */
export const throttle = (func, wait = 1500) => {
        let timeout;
        return function() {
            let context = this;
            let args = arguments;
            if (!timeout) {
                timeout = setTimeout(() => {
                    timeout = null;
                    func.apply(context, args)
                }, wait)
            }
        }
    }
    /**
     * 函数防抖
     * @param func
     * @param wait
     * @returns {function(...[*]=)}
     */
export const debounce = (func, wait = 1500) => {
    let timeout;
    return function() {
        let context = this;
        let args = arguments;
        if (timeout) clearTimeout(timeout);
        timeout = setTimeout(() => {
            func.apply(context, args)
        }, wait);
    }
}
//vue
import { debounce, throttle } from "./tool";
methods: {
     tabbtn: debounce(function (index) {
     }, 1000),
}

 

vue函数节流防抖

标签:color   import   ram   rgb   div   throttle   nts   func   rom   

原文地址:https://www.cnblogs.com/minghan/p/14601055.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!