title: How am I suppose to get the value of a checkbox?
body: <p>So I have the following element:</p>
  
  <pre><code>&lt;input v-on:click="$emit('addPartId', $event)" v-bind:value="13209" name="add_13209" type="checkbox"&gt;
  </code></pre>
  
  <p>Which then calls the following method:</p>
  
  <pre><code> methods: {
          ....
  
          addPartId(evnt) {
              console.log(evnt);
          }
      },
  </code></pre>
  
  <p>In the parent container and is passed to the child:</p>
  
  <pre><code>    &lt;table-body
          v-bind:items="items"
          v-bind:columns="columns"
          v-bind:sort-column="sortColumn"
          v-bind:direction="direction"
          @sort="sort"
          @addPartId="addPartId"
          &gt;
      &lt;/table-body&gt;
  </code></pre>
  
  <p>The question I have, that I can't find on stack, is <strong>how do I register a click event so that when the checkbox is clicked I get the event object (I want the value, from <code>v-bind:value</code>, of the checkbox.</strong></p>