Блог

У меня есть очень простая форма, подобная этой:

 <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, когда проверка не выполняется?