按钮防重复点击

src/components/commonBtn.vue

@@ -1,12 +1,14 @@
 <template>
-  <div class="button" @click="clickHandler">
+  <div class="button" @click="noMultipleClicks(clickHandler)">
     {{ title }}
   </div>
 </template>
 
 <script>
+import {myMixins} from "@/utils/myMixins"
   export default {
     name: "commonBtn",
+    mixins:[myMixins],
     props: {
       title: {
         type: String,

src/components/twoBtnCommon.vue

@@ -1,13 +1,15 @@
 <template>
   <div class="btn">
-    <button class="cancel" @click="cancelClick">{{ title1 }}</button>
-    <button class="submit" @click="submitClick">{{ title2}}</button>
+    <button class="cancel" @click="noMultipleClicks(cancelClick)">{{ title1 }}</button>
+    <button class="submit" @click="noMultipleClicks(submitClick)">{{ title2}}</button>
   </div>
 </template>
 
 <script>
+import {myMixins} from "@/utils/myMixins"
 export default {
   name: "twoBtnCommon",
+  mixins:[myMixins],
   props:{
     title1:{
       type:String,