title: How to get the value of button when clicked using vue.js
body: <p>I have several buttons on a page which are hooked to the same method <code>webcamSendRequestButton</code></p>
  
  <pre><code>&lt;button v-on:click="webcamSendRequestButton" value="0" type="button" class="webcam-send-request-button" :disabled="disabled"&gt;Verify&lt;/button&gt;
  &lt;button v-on:click="webcamSendRequestButton" value="1" type="button" class="webcam-send-request-button" :disabled="disabled"&gt;Verify&lt;/button&gt;
  &lt;button v-on:click="webcamSendRequestButton" value="2" type="button" class="webcam-send-request-button" :disabled="disabled"&gt;Verify&lt;/button&gt;
  &lt;button v-on:click="webcamSendRequestButton" value="3" type="button" class="webcam-send-request-button" :disabled="disabled"&gt;Verify&lt;/button&gt;
  </code></pre>
  
  <p>and I am making an ajax call when the button is clicked. In jquery or JS it is pretty straightforward to get the value of button when clicked using <code>$(this).val();</code></p>
  
  <p>How do I fetch the value of the button when it is clicked in vue?</p>
  
  <pre><code>var app = new Vue({
      el: '#my-div',
      methods: {
          webcamSendRequestButton: function() {
  
              const buttonValue = ??? // How do I fetch the value over here
  
              $.ajax({
                  url: "someurl",
                  type: "POST",
                  data: {
                      value: buttonValue
                  },
                  success: function (data) {
                      // Omitted for brevity
                  }
              });
          }
      }
  });
  </code></pre>