v-select의 Vue Js v-model이 잘못된 값을 표시함
P粉697408921
2023-08-30 16:52:46
<p>v-select에 v-model이 변수의 실제 값과 다른 값을 표시하게 하는 일종의 버그가 있습니다. 첫 번째 변경 사항에 적용되는 선택한 옵션을 변경하는 방법을 사용합니다. 예를 들어, False를 선택하고 플래그 = Y를 선택하면 선택한 옵션이 True로 변경됩니다. 이는 옵션을 처음 선택할 때 작동하며, 값을 True에서 False로 변경하면 값이 변경되지만 선택한 옵션은 여전히 유지됩니다. 거짓. </p>
<pre class="brush:html;toolbar:false;"><v-col cols="9">
<v-선택
v-model="promo_form.generate_voucher"
@input="사용된 메소드"
:rules="textInputRules"
:items="['False', 'True']"
필수의
설명
></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 == "거짓"){
this.promo_form.generate_voucher = "참";;
this.flag1 = 'n'
}
if(this.flag1 == 'y'){
경고('뭔가')
}
else if(this.flag1 == 'n'){
경고("뭔가")
}
</pre>
<p>라벨을 추가하려고 했는데 라벨의 값은 정확하지만 v-model의 값은 올바르지 않습니다</p>
메서드에서 이 줄
를 로 변경해 보세요. 으아악