0

私は Laravel Nova を使用しています。すべての必須フィールドが空の間、[更新] ビューの [保存] ボタンを使用できないようにしたいと考えています。私のフォームフィールドを作成する「Update.vue」ファイルのコードの一部は次のとおりです。

<div v-for="field in fields">
 <component
    @file-deleted="updateLastRetrievedAtTimestamp"
    :is="'form-' + field.component"
    :errors="validationErrors"
    :resource-id="resourceId"
    :resource-name="resourceName"
    :field="field"
 /></div>

Fields配列はバックエンドからのデータで埋められます。

したがって、Vue dev ツールでこの構造を確認できます。入力値を変更すると が変更valueされますが、コンポーネント<form-text-field>のどこにも変更が見られません。Update

ここに画像の説明を入力

だから私の質問は - どうすれば入力フィールドの変更を動的に取得できますか?

4

1 に答える 1

0

Vue ではデータは一方向にしか流れないため、Update コンポーネントでのデータの変更は form-text-field に反映されますが、逆方向には反映されません。双方向のデータ バインディングを作成するには、v-model を使用する必要があります。

form-text-field はカスタム コンポーネントの 1 つだと思います。その場合、カスタム v-model を作成する必要があります。参照:コンポーネント v-model のカスタマイズ

うまくいかない場合は、form-text-field の実装をここに投稿してください。

于 2018-11-28T01:05:06.723 に答える