//防抖
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
相关推荐
Justinc.几秒前
CSS3新增边框属性(五)fruge8 分钟前
纯css制作声波扩散动画、js+css3波纹催眠动画特效、【css3动画】圆波扩散效果、雷达光波效果完整代码neter.asia16 分钟前
vue中如何关闭eslint检测?~甲壳虫17 分钟前
说说webpack中常见的Plugin?解决了什么问题?光影少年36 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件As977_37 分钟前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)susu108301891139 分钟前
vue3 css的样式如果background没有,如何覆盖有background的样式Ocean☾41 分钟前
前端基础-html-注册界面Dragon Wu43 分钟前
前端 Canvas 绘画 总结CodeToGym1 小时前
Webpack性能优化指南:从构建到部署的全方位策略