title: Vue.js: Prevent form submit only if condition true
body: <p>I am using <a href="http://vee-validate.logaretm.com/" rel="noreferrer">VeeValidate</a> for validating a form. However, I want to submit the form without using JS. However, I still want users not to be able to submit, if there are any errors. If I use</p>
  
  <pre><code>&lt;form @submit.prevent="validateBeforeSubmit"&gt;
  </code></pre>
  
  <p>it is disabling the default action completely.</p>
  
  <p>Can you think of any solution to this? Thank you!</p>