title: Conditionally add @submit.prevent to a form in Vue.js
body: <p>I'm trying to conditionally prevent HTML form submission using <code>@submit.prevent</code>.  I have a generic form model that looks like this (minimized a bit):</p>
  <pre class="lang-html prettyprint-override"><code>&lt;v-form v-model=&quot;valid&quot;&gt;
     &lt;div&gt;
        &lt;div v-for=&quot;(field, i) in fieldConfig&quot; :key=&quot;`model-form-`+i&quot;&gt;
           &lt;fe-label v-if=&quot;field.label&quot;&gt;{{field.label}}&lt;/fe-label&gt;
           &lt;component 
              :is=&quot;field.component&quot; 
              v-bind=&quot;field.attrs&quot; 
              v-model=&quot;item[field.field]&quot;
            /&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  &lt;/v-form&gt;
  </code></pre>
  <p>Called from a parent:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;model-form
     idProperty=&quot;id&quot;
     @done=&quot;finishRename&quot;
     model=&quot;myModel&quot;
     :fieldConfig=&quot;fieldConfig&quot;
     :htmlSubmit=&quot;false&quot;
  /&gt;
  </code></pre>
  <p>I've seen some similar things in my searching but nothing quite right, and I'm pretty raw when it comes to Vue.  Any help is appreciated.  Thanks!</p>