v-select 上的 Vue Js v-model 显示错误值

Question

我的 v-select 上有某种错误，导致 v-model 显示的值与变量的实际值不同。我使用一种方法来更改适用于第一次更改的所选选项。例如，如果我选择 False 且 flag = Y，则所选选项将更改为 True，这在您第一次选择该选项时起作用，然后当我将值从 True 更改为 False 时，它​​会更改值，但所选选项仍然是为假。

<v-col cols="9">
      <v-select
           v-model="promo_form.generate_voucher"
           @input="methodUsed"
           :rules="textInputRules"
           :items="['False', 'True']"
           required
           outlined
      ></v-select>
</v-col>

这是我使用的方法：

if(this.flag_member == 'N' && this.promo_form.generate_voucher == 'True'){
     this.promo_form.promo_id = null;
     this.flag_member = "";
     this.promo_form.generate_voucher = null;
     this.promo_form.voucher_type = "";
     this.flag1 = 'y';
}
else if(this.flag_member == 'Y' && this.promo_form.generate_voucher == "False"){
     this.promo_form.generate_voucher = "True";
     this.flag1 = 'n'
}

if(this.flag1 == 'y'){
     alert('Something')
}
else if(this.flag1 == 'n'){
     alert("Something")
}

我尝试添加标签，该值对于标签来说是正确的，但对于 v-model 来说不是这样

Answer 1

在方法中尝试更改此行

this.promo_form.generate_voucher = null

至

this.promo_form.generate_voucher = 'False'