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'