//防抖
debounce(fn, time = 1000) {
let timer = null;
return function (...args) {
if (timer) clearTimeout(timer);
timer = setTimeout(() => {
fn.apply(this, args);
}, time);
};
},
// 输入变化处理函数
async inputChange(value) {
if (!this.debouncedInputChange) {
this.debouncedInputChange = this.debounce(this.handleInputChange, 1000);
}
this.debouncedInputChange(value);
},
// 实际处理输入变化的函数
async handleInputChange(value) {
const res = await baseOptionApi.getDetailByProcessTaskIdLike({ processTaskIdLike: value });
let myrange = [];
res.data.data.forEach((val, index) => {
myrange.push({
...val, // 保留原始数据的所有字段
value: val.processTaskId, // 选项id
text: val.processTaskId + '-' + val.processName // 选项名称
});
});
this.processIdOption = myrange;
},
前端-防抖代码
大嘴史努比2024-08-03 22:30
相关推荐
罔闻_spider33 分钟前
爬虫----webpack吱吱鼠叔35 分钟前
MATLAB数据文件读写:1.格式化读写文件爱喝水的小鼠1 小时前
Vue3(一) Vite创建Vue3工程,选项式API与组合式API;setup的使用;Vue中的响应式ref,reactiveWeiShuai1 小时前
vue-cli3使用DllPlugin优化webpack打包性能Wandra1 小时前
很全但是超级易懂的border-radius讲解,让你快速回忆和上手ice___Cpu1 小时前
Linux 基本使用和 web 程序部署 ( 8000 字 Linux 入门 )JYbill1 小时前
nestjs使用ESM模块化丶重明1 小时前
【2024】前端学习笔记3-外部链接-内部链接-锚点链接加油吧x青年2 小时前
Web端开启直播技术方案分享吕彬-前端2 小时前
使用vite+react+ts+Ant Design开发后台管理项目(二)