节流:延迟X秒执行函数(在规定时间内执行一次)
只允许一个函数在 X 毫秒内执行一次,只有当上一次函数执行后过了你规定的时间间隔,才能进行下一次该函数的调用。
<button @click="save">保存</button>
data(){
return{
timeout: null,
}
},
methods: {
save() {
if (this.timeout) {
clearTimeout(this.timeout);
}
this.timeout = setTimeout(this.saveFn, 1000);
},
saveFn(){
console.log("保存")
}
}