//防抖
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
相关推荐
Y42582 小时前
本地多语言切换具体操作代码速易达网络4 小时前
Bootstrap 5 响应式网站首页模板etsuyou4 小时前
js前端this指向规则lichong9514 小时前
Android studio 修改包名cai_huaer4 小时前
BugKu Web渗透之 cookiesWEBlichong9514 小时前
Git 检出到HEAD 再修改提交commit 会消失解决方案@yanyu6665 小时前
Tomcat安装与HTML响应实战友友马5 小时前
『 QT 』QT控件属性全解析 (一)不想上班只想要钱5 小时前
vue3+vite创建的项目,运行后没有 Network地址流***陌6 小时前
手办盲盒抽赏小程序前端功能设计:兼顾收藏需求与抽赏乐趣