//防抖
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
相关推荐
雯0609~11 分钟前
网页F12:缓存的使用(设值、取值、删除)℘团子এ14 分钟前
vue3中如何上传文件到腾讯云的桶(cosbrowser)学习前端的小z20 分钟前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制彭世瑜43 分钟前
ts: TypeScript跳过检查/忽略类型检查FØund40444 分钟前
antd form.setFieldsValue问题总结Backstroke fish1 小时前
Token刷新机制小五Five1 小时前
TypeScript项目中Axios的封装小曲程序1 小时前
vue3 封装request请求临枫5411 小时前
Nuxt3封装网络请求 useFetch & $fetch酷酷的威朗普1 小时前
医院绩效考核系统