click1(){
if(this.orderSuccess){
click()
}}
click(){
clearTimeout(this.timeOut)
this.orderSuccess = false
this.timeOut = setTimeout(()=>{
this.orderSuccess = true
},5000)
}
你这个定时器完全没必要写在data里,不然vue还得对你这个数据拦截进行响应式处理,消耗性能
直接在click1方法里声明一个定时器就好了,click方法使用了click1的数据形成了闭包
click1(){
let timer = null
if(this.orderSuccess){
click(timer )
}}
click(timer ){
clearTimeout(this.timeOut)
this.orderSuccess = false
timer = setTimeout(()=>{
this.orderSuccess = true
},5000)
}
如有帮助,望采纳^.^ 谢谢啦
1.注意组件销毁时清除timeOut;
2.这种也是通过渲染的方式进行节流的,存在一定的延迟
你这个点击5s后才执行,应该封装一个先执行