title: Vuetify component v-form is not responding on the declared @submit event handler
body: <p>I am using Vuetify and VueJS (the latest versions).</p>
  
  <p>Here is the small template of <strong>Login.vue</strong>:</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-layout align-center justify-center&gt;
      &lt;v-flex xs12 sm8 md4&gt;
        &lt;v-card class="elevation-12"&gt;
          &lt;v-toolbar dark color="success"&gt;
            &lt;v-toolbar-title&gt;Login form&lt;/v-toolbar-title&gt;
            &lt;v-spacer&gt;&lt;/v-spacer&gt;
          &lt;/v-toolbar&gt;
          &lt;v-card-text&gt;
            &lt;v-form @submit.prevent="checkLogin"&gt;
              &lt;v-text-field prepend-icon="person" id="userLogin" v-model="userLogin" placeholder="my@login.com"&gt;&lt;/v-text-field&gt;
              &lt;v-text-field prepend-icon="lock" id="userPassword" v-model="userPassword" placeholder="password" type="password"&gt;&lt;/v-text-field&gt;
            &lt;/v-form&gt;
          &lt;/v-card-text&gt;
          &lt;v-card-actions&gt;
            &lt;v-spacer&gt;&lt;/v-spacer&gt;
            &lt;!-- TODO fix the bug when form.submit not works --&gt;
            &lt;v-btn type="submit" color="success"&gt;Login&lt;/v-btn&gt;
          &lt;/v-card-actions&gt;
        &lt;/v-card&gt;
      &lt;/v-flex&gt;
    &lt;/v-layout&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>So, if you see, there is an <em>@submit.prevent</em> on <em>v-form</em> with <em>checkLogin</em> call and it is not working while clicking the submit buttor nor hitting the enter button while in input. Using <em>@submit</em> without <em>prevent</em> also has no effect.</p>
  
  <p>But! If I put event handler on the <em>v-btn</em> like this:</p>
  
  <pre><code>&lt;v-btn @click.native="checkLogin"&gt;
  </code></pre>
  
  <p>after clicking the button (not hitting the enter in input fields) all works as expected.</p>
  
  <p>So, can you please tell me, what am I doing wrong with the <em>v-form</em> submition event handling?
  Thank you!</p>