Question

我正在使用<q-modal>（Quasar Framework）表单。点击Add按钮后，系统会弹出一个表单。在这里，我点击提交按钮后验证每个表单标签。要关闭模态，我使用@click="$refs.maximizedModal.close()"提交按钮。

一切正常。现在我需要保留模态，如果验证没有返回true或验证满足那么模态需要关闭。

是否有任何方法可以在Vue js中进行条件提交？

Answer 1

您应该为表单的提交创建一个自定义函数并使用它，如下所示：

...

methods{
  checkForm(e){
    if(VALIDATION_IS_TRUE){
      //Validation has passed, we submit the form OR close the modal
      $refs.maximizedModal.close(); // Maybe this.$refs.maximizedModal.close()
      e.target.submit();
    }else{
       //The form is not validated, do something to inform the user
    }
  }
}

而不是使用@click作为提交按钮，将其添加到表单元素：

<form @submit.prevent='checkForm($event)'>

希望这有帮助！

如何在使用Vue js进行验证后关闭模态？

1 个答案: