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>
Logo

前往低代码交流专区

更多推荐