title: How to Reset Select Drop down in VueJs
body: <p>I am new in vue js please help.</p>
  
  <p>I have two dropdowns and that that dropdown create from loop</p>
  
  <pre><code>&lt;select v-if="tour.city_expert == 2" v-model="selected[index]" class="form-control" :id="'city_expert_both'+index" v-on:change="intiTourCityExpert(index, $event)" :disabled="tour.is_disable==true"&gt;
  &lt;option value="" selected&gt;Select City Expert&lt;/option&gt;
  &lt;option value="Guideinperson"&gt;Guide in person&lt;/option&gt;
  &lt;option value="AudioGuide"&gt;Audio Guide&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/QNSgS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QNSgS.jpg" alt="enter image description here"></a></p>
  
  <p>I as per image I want reset dropdown if I uncheck the checkbox but only reset single row as I uncheck the checkbox.</p>
  
  <p>I set <code>v-model="selected[index]"</code> on dropdown and set code on uncheck <code>this.$set(this.selected, index, '');</code> but its not working.</p>
  
  <p>Help</p>