Vue 禁止按钮重复提交

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

===================手机端===========================    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)          执行其他方法。。。。。     }   }

　　

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

===================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;                  }            }          })   }