//防抖
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
相关推荐
德莱厄斯3 分钟前
没开玩笑,全框架支持的 dialog 组件,支持响应式非凡ghost31 分钟前
Affinity Photo(图像编辑软件) 多语便携版非凡ghost33 分钟前
VideoProc Converter AI(视频转换软件) 多语便携版endlesskiller39 分钟前
3年前我不会实现的,现在靠ai辅助实现了用户9047066835741 分钟前
commonjs的本质白兰地空瓶1 小时前
用 CSS3 造一场星际穿越:前端导演的《星球大战》片场手记Sailing1 小时前
5分钟搞定 DeepSeek API 配置:从配置到调用一步到位Pa2sw0rd丶1 小时前
如何在 React 中实现键盘快捷键管理器以提升用户体验非凡ghost1 小时前
ToDoList(开源待办事项列表) 中文绿色版j七七1 小时前
5分钟搭微信自动回复机器人5分钟搭微信自动回复机器人