title: Vuejs v-model bind on blur to axios param
body: <p>I am trying to pass input to axios param.
  console.log(country_id) returns country_id on blur correctly,
  axios country_id param is not populated,
  what am I missing</p>
  
  <pre><code>&lt;div id="app"&gt;
  
          &lt;input v-model="country_id" v-on:blur="addCountryId" /&gt;
          &lt;ul&gt;
  
              &lt;li v-for="uploaded_segment in uploaded_segments"&gt; @{{ uploaded_segment.name }}&lt;/li&gt;
          &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      new Vue({
  
      el: '#app',
  
      data: {
  
          uploaded_segments: [],
          country_id :''
      },
      methods: {
  
          addCountryId(){
  
       country_id= this.country_id;
       console.log(country_id);
  
  }
  },
      mounted() {
  
   axios.get('/get_segments', {
          params: {
              country_id: this.country_id
          }
      }) .then(response =&gt; this.uploaded_segments = response.data);
  
  }
  });
  </code></pre>
  
  <p></p>