Vue.js 如何防止表单上的提交按钮在VUEJS中被多次单击

Vue.js 如何防止表单上的提交按钮在VUEJS中被多次单击,vue.js,vuejs2,bootstrap-vue,Vue.js,Vuejs2,Bootstrap Vue,我想防止用户多次单击提交按钮。我将如何在以下模板和脚本中实现这一点 模板摘录: 康普莱特 …和脚本: 您可以设置一个布尔标志,例如命名为submitting,在表单提交过程中禁用该按钮。支持具有disabled属性的,可以是提交: 康普莱特 例如: 康普莱特 导出默认值{ 资料{ 返回{ 提交:错误, } }, 方法:{ 异步提交{ 如果!这个{ 这是真的 试一试{ 等着吧,朗斯伯特 }最后{ this.submiting=false } } } //... } } 您可以设置一个布尔标志,例如

我想防止用户多次单击提交按钮。我将如何在以下模板和脚本中实现这一点

模板摘录:

康普莱特 …和脚本:


您可以设置一个布尔标志,例如命名为submitting,在表单提交过程中禁用该按钮。支持具有disabled属性的,可以是提交:

康普莱特 例如:

康普莱特 导出默认值{ 资料{ 返回{ 提交:错误, } }, 方法:{ 异步提交{ 如果!这个{ 这是真的 试一试{ 等着吧,朗斯伯特 }最后{ this.submiting=false } } } //... } }
您可以设置一个布尔标志,例如命名为submitting,在表单提交过程中禁用该按钮。支持具有disabled属性的,可以是提交:

康普莱特 例如:

康普莱特 导出默认值{ 资料{ 返回{ 提交:错误, } }, 方法:{ 异步提交{ 如果!这个{ 这是真的 试一试{ 等着吧,朗斯伯特 }最后{ this.submiting=false } } } //... } }
你想在单击“完成”按钮时阻止提交吗?是的,这正是我想要的。你想在单击“完成”按钮时阻止提交吗?是的,这正是我想要的
onSubmit() {
  this.$v.status.$touch();
  if (!this.$v.$invalid) {
    /////
  }
},