Vue Js V-Modell bei V-Select zeigt falschen Wert an

Question

Es gibt einen Fehler in meinem V-Select, der dazu führt, dass V-Model einen anderen Wert als den tatsächlichen Wert der Variablen anzeigt. Ich verwende eine Methode zum Ändern der ausgewählten Option, die für die erste Änderung gilt. Wenn ich zum Beispiel „False“ und Flag = Y auswähle, ändert sich die ausgewählte Option in „True“. Dies funktioniert, wenn Sie die Option zum ersten Mal auswählen. Wenn ich dann den Wert von „True“ in „False“ ändere, ändert sich der Wert, aber die ausgewählte Option bleibt bestehen FALSCH.

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

Dies ist die Methode, die ich verwende:

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'){
     alarm('Etwas')
}
sonst if(this.flag1 == 'n'){
     alarm("Etwas")
}

Ich habe versucht, eine Beschriftung hinzuzufügen, und der Wert ist für die Beschriftung korrekt, aber nicht für das V-Modell

Answer 1

在方法中尝试更改此行

this.promo_form.generate_voucher = null

至

this.promo_form.generate_voucher = 'False'