動的フォームを作成するためのコンポーネントを作成しようとしていますが、チェックボックスに問題があります
<template v-if="type === 'switch'">
<b-form-checkbox
switch
size="lg"
:name="name"
:id="name"
:ref="name"
:value="value"
v-on:input.native="updateValue($event.target.value)"
>{{ value }}</b-form-checkbox
>
</template>
これが私がコードを呼ぶ方法です
<FormRow
type="switch"
name="productor"
rule="required"
v-model="selectedCompany.productor"
/>
問題は、v-modelコンテンツは変更されませんが、入力フィールドでは変更されることです。どうしましたか？誰かが私を助けることができますか？
ps私はbootstrap-vueを使用していますありがとうございます！
v-modelチェックボックスがありません。value属性とinputリスナーを削除v-modelし、計算されたセッターで使用して、親からのprop値を変更せずにモデルとしてエレガントに再利用します。
<b-form-checkbox
switch
size="lg"
:name="name"
:id="name"
:ref="name"
v-model="bvalue"
>{{ value }}
</b-form-checkbox>
computed: {
bvalue: {
get() { return this.value },
set(value) { this.$emit('input', value) }
}
}
updateValueメソッドを削除することもできます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加