Vue 禁止按钮重复提交

===================手机端===========================

 vue:

<van-submit-bar
         button-text="提交"
         @submit="onSubmit" :disabled="isDisable"/>

js:
export default {
    data() {
        isDisable:false

     };
    },
methods:{
   onSubmit() {
         this.isDisable = true
           setTimeout(() => {
           this.isDisable = false
         }, 1000)
         执行其他方法。。。。。
    }

}

　　

===================PC端================================

 

html:

<button type="button" v-for="" v-if="" v-on:click="payOrder(参数)"  class="oder">提交订单</button>

js:

window.onload = function () {

         var app = new Vue({

             el: '#app',

             data: {

                isDisabled :false

             },

          methods: {

             payOrder(参数){                  

               if (this.isDisabled) {
                   return false;
               }
               this.isDisabled = true;

               }

         }

       })

}