title: How to get value in vue.js from html select tag?
body: <p>Im trying to get value of select region in vue.js but i get an empty value.</p>
  
  <pre><code> alert(this.property_credentials.district);   
  </code></pre>
  
  <p>Any suggestion how can i get value from select ?</p>
  
  <pre><code> &lt;select v-model="property_credentials.district" name="district" class="country selectpicker" id="selectCountry" data-size="10" data-show-subtext="true" data-live-search="true"&gt;
                                                &lt;option value="0"&gt;--Please select your district&lt;/option&gt;
                                                &lt;optgroup v-for='district in districts'  label="@{{district.district}}"&gt;
                                                  &lt;option v-for='region in district.regions' value="@{{region}}" &gt;@{{region}}&lt;/option&gt;
                                                &lt;/optgroup&gt;
                      &lt;/select&gt;
  </code></pre>