title: Passing arguments to button onclick method in vuejs
body: <p>I am trying to pass the selected values from the tag and pass it to a button’s click event. However, I was not able to get the data in the onclick function. See the code below.</p>
  
  <p>I am getting <code>undefined</code> in the alert.
  Please help.</p>
  
  <pre><code>&lt;div class=“form-group”&gt;
     &lt;div class=“form-group” align=“center”&gt;
        &lt;label for=“select-Year”&gt;Select CMS Fiscal Year :&lt;/label&gt;
        &lt;select class=“form-control input-sm” style=“width:120px” id=“select-Year”&gt;     
           &lt;option v-for=“yr in years” value=“yr”&gt;{{ yr }}&lt;/option&gt;
        &lt;/select&gt;
     &lt;/div&gt;
  
     &lt;br/&gt;&lt;br/&gt;
  
     &lt;div class=“form-group” style=“align:center”&gt;
        &lt;button id=“btnSubmit” class=“btn btn-primary” style=“align:center” v-on:click=“loadData(yr, $event)”&gt;Open&lt;/button&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  
  methods: {
    `loadData`: function(yr, event){
      alert(yr);
    }
  }
  </code></pre>