发布一次有效的表单？

Question

我在输入上使用vee验证，以防止我使用的表单提交：

<form action="/place-to-post-to" @submit.prevent="$validator.validateAll()">

当表单验证时，表单不会发布。一旦有效，我怎样才能让它发布到动作上？

Answer 1

在方法中调用validateAll()并成功，请自行提交表单。

<form action="/path/to/action" method="post" @submit.prevent="onSubmit" ref="theForm">

methods:{
    onSubmit(){
      this.$validator.validateAll()
        .then(() =>{
          this.$refs.theForm.submit()
        })
        .catch((error) =>{
          console.log(error)
        })
    }
}

Example