v-select 上的 Vue Js v-model 显示错误值
P粉697408921
2023-08-30 16:52:46
<p>我的 v-select 上有某种错误,导致 v-model 显示的值与变量的实际值不同。我使用一种方法来更改适用于第一次更改的所选选项。例如,如果我选择 False 且 flag = Y,则所选选项将更改为 True,这在您第一次选择该选项时起作用,然后当我将值从 True 更改为 False 时,它会更改值,但所选选项仍然是为假。</p>
<pre class="brush:html;toolbar: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>
</pre>
<p>这是我使用的方法:</p>
<pre class="brush:js;toolbar:false;">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")
}
</pre>
<p>我尝试添加标签,该值对于标签来说是正确的,但对于 v-model 来说不是这样</p>
在方法中尝试更改此行
至