title: Getting input field values from Form submit using Vue
body: <p>I have a form with 1 input field that i want to shoot into the database.
  I am using Vue.</p>
  
  <p>Template:</p>
  
  <pre><code>&lt;form class="form-horizontal" @submit.prevent="submitBid"&gt;
          &lt;div class="form-group"&gt;
              &lt;label for="bid"&gt;&lt;/label&gt;
              &lt;input name="bid" type="text"&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
              &lt;input class="btn btn-success" type="submit" value="Bieden!"&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>Component:</p>
  
  <pre><code>export default {        
      props: ['veiling_id'],
      methods: {
          submitBid(event) {
              console.log(event);
  
  
          },
      },
      computed: {
  
      },
      mounted(){
  
      }
  }
  </code></pre>
  
  <p>How do i get the value of the input field inside submitBid function?</p>
  
  <p>Any help is appreciated.</p>