禁用Vue Formate中表单外的表单提交按钮

问题描述

我有一个非常简单的表格，如下所示：

<FormulateForm
  #default="{ hasErrors }"
  @submit="submitHandler"
>
  <FormulateInput
    type="email"
    label="Please enter a superhero email address"
    validation="required|email"
  />
  <FormulateInput
    type="checkBox"
    label="Select some of your favorite superheros"
    validation="required|min:2"
    :options="{
      batman: 'Batman',blackpanther: 'Black Panther'
      wonderwoman: 'Wonder woman',}"
  />
</FormulateForm>

<div>
  <FormulateInput
    type="submit"
    :disabled="hasErrors"
  />
</div>

methods: {
  submitHandler() {
    alert('Thank you')
  },}

如何在验证失败时使用 Vue Formulate 禁用表单外部的表单提交按钮？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）