javascript - 在Vue Formulate中禁用表单外的表单提交按钮

Question

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

<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 禁用表单外部的表单提交按钮？