Question

我有一个使用组合框的表格。这是我的html

<div class="form-group" v-if="onDemandLeave == true">
  <div class="row">
    <div class="col-md-2">
      <label class="col-form-label">On Demand Leave Type</label>
    </div>
    <div class="col-md-10">
      <select name="LeaveType" @change="setAvailableLeave" v-model="leaveType" class="form-control">
        <option disabled :value="null">Select One</option>
        <option v-for="(type) in onDemandLeaveType" :value="type.id">
          {{type.label}}
        </option>
      </select>
    </div>
  </div>
</div>

这是我的剧本

onLeaveTypeChange(this) {
    if (this.selectedLeaveType == 1) {
        this.onDemandLeave = false;
        this.availableLeave = this.leaveState.leaveQuota;
    } else {
        this.onDemandLeave = true;
        this.availableLeave = 0;
    }
    this.calculateDateDiff();
}

所以我想要另一个组合框具有2个值，比如说A dan B 如果我选择B，我想显示LeaveType组合框，如果我选择A，我想隐藏它

因为它是一个反应性页面，所以我遇到了一个问题，如果我选择B，然后在LeaveType组合框中选择一些值，然后返回A，然后再次回到B，LeaveType组合框仍位于我最后选择的值上

我可以使用@change方法将其重置为默认值吗？

Vue.js返回默认选择选项值

0 个答案: