//防抖
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
相关推荐
brzhang4 小时前
我操,终于有人把 AI 大佬们 PUA 程序员的套路给讲明白了!止观止5 小时前
React虚拟DOM的进化之路goms5 小时前
前端项目集成lint-staged谢尔登5 小时前
【React Natve】NetworkError 和 TouchableOpacity 组件Lin Hsüeh-ch'in5 小时前
如何彻底禁用 Chrome 自动更新augenstern4167 小时前
HTML面试题张可7 小时前
一个KMP/CMP项目的组织结构和集成方式G等你下课8 小时前
React 路由懒加载入门:提升首屏性能的第一步蓝婷儿8 小时前
每天一个前端小知识 Day 27 - WebGL / WebGPU 数据可视化引擎设计与实践然我9 小时前
面试官:如何判断元素是否出现过?我:三种哈希方法任你选