请问vue里这样的节流方式有什么弊端?

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后才执行,应该封装一个先执行