一、html
<template>
<button @click="getData">获取数据</button>
</template>
二、JS文章来源:https://www.toymoban.com/news/detail-695327.html
import { throttle } from "@/utils/common";
export default {
methods:{
getData: throttle(async function(params){
console.log(”获取接口数据“,this,parmas)
})
}
}
三、公共方法 common.js文章来源地址https://www.toymoban.com/news/detail-695327.html
// 节流
export const throttle = function (cb, delay) {
let timer = null;
return function (...arg) {
if (timer) return;
cb.call(this, arg[0]);
timer = setTimeout(() => {
timer = null;
}, delay);
};
};
// 防抖
export const debounce = function (cb, delay) {
let timer = null;
return function (...arg) {
if (timer) clearTimeout(timer);
timer = setTimeout(() => {
cb.call(this, arg[0]);
}, delay);
};
};
到了这里,关于vue 防抖与节流用法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!