1、工具函数里面增加防抖函数
export function debounce(func,delay) {
console.log('func',func);
let timer;
return function () {
if(timer)
clearTimeout(timer);
timer= setTimeout(()=>{
func.call(this,...arguments);
},delay);
}
}
2.vue文件中使用案例
<template>
<input type="text" @keyup="handleKeyup('张三',23)">
</template>
<script>
import {debounce} from "xxx";//将debounce 导入到vue文件中
methods:{
handleKeyup:debounce(function(name,age){//注意这里传入function不能用箭头函数 否则this指向不对
console.log(name,age);
如果方法里面用到了await 可在debounce里面传入的函数前面加上 async
},1000),
}
</script>
vue中使用防抖函数并传参案例
最新推荐文章于 2024-09-13 10:43:39 发布