vue中使用防抖函数并传参案例
1、工具函数里面增加防抖函数export function debounce(func,delay) {console.log('func',func);let timer;return function () {if(timer)clearTimeout(timer);timer= setTimeout(()=>{func.call(this,...a
·
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>
更多推荐
已为社区贡献1条内容
所有评论(0)