Method for implementing button anti-shake in vue project

1. Method for storing new .js files to prevent shadows

// Anti-shakeexport const antiShake= (fn, t) =&gt; {
  let delay = t || 1000
  let timer
  return function () {
    let args = arguments;
    if (timer) {
      clearTimeout(timer)
    }
 
    let callNow = !timer
 
    timer = setTimeout(() =&gt; {
      timer = null
    }, delay)
 
    if (callNow) (this, args)
  }
}

2. Introduce anti-shake files and add methods to methods

//Introduce anti-shake fileimport { antiShake } from '../../../../common/'; //Anti-shake
methods: {  
         //Add anti-shake to the button        startDrawPolygon: antiShake(function () {
            () //Button trigger method        }),
}

Code

&lt;el-button @click="startDrawPolygon()" style="background-color:#409EFF; color: #FFF;" slot="append" icon="el-icon-search"&gt;search&lt;/el-button&gt;

This is the end of this article about implementing button anti-shake in the vue project. For more related vue button anti-shake content, please search for my previous articles or continue browsing the related articles below. I hope everyone will support me in the future!