如何在VueJs中重置选择下拉菜单

Question

我是Vue JS的新手，请帮忙。

我有两个下拉菜单，并且该下拉菜单是从循环创建的

<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">
<option value="" selected>Select City Expert</option>
<option value="Guideinperson">Guide in person</option>
<option value="AudioGuide">Audio Guide</option>
</select>

如果我取消选中该复选框，则我希望根据每个图像重置下拉列表，但是当我取消选中该复选框时，仅重置单个行。

我在下拉菜单中设置了v-model="selected[index]"，并在未选中this.$set(this.selected, index, '');的情况下设置了代码，但是它不起作用。

帮助

Answer 1

如果我是你，我会做这样的事情：

1. 向其复选框添加一个onchange事件及其索引： @ change =“ onChange（index）”

2. 在methods对象中定义函数 这样的onChange：

   方法：{     onChange（index）{         this.selected [index] =”     } }

Answer 2

我遇到了类似的情况，随后我为我工作。 要休息一下，请尝试在任何地方进行以下操作-this.selectedStatus ='0';

<select id="item_status" class="form-control" v-model="selectedStatus">
    <option value='0'></option>
    <option value='1'>One</option>
    <option value='2'>Two</option>
</select>