Inertia JS Form が vue.js で動作しないのはなぜですか?エラーを使用するとき

Question

現在問題が発生しています。

かつて、IndexUserSettings.vue があり、これには IndexUserBillingDetail.vue が表示されていました。この Vue で、create: boolean == false または true を確認します。 true の場合は CreateUserBillingDetail.vue が表示され、false の場合は ListUserBillingDetail.vue が表示されます。

問題は次のとおりです。 CreateUserBillingDetail.vue にフォームがあります。

リーリー

各入力の下に <div v-if="errors.name">{{ error.name }}</div> を置くと、ページは再び動作しなくなります。 なぜこのようなことが起こるのでしょうか?

＃＃＃私は何をすべきかわかりません。そこにユーザー設定ページがあり、ユーザーが最後に可能なすべてを設定できるようになればいいのにと思います。 (請求の詳細を表示して作成するだけです)。

UserSettingsController にすべてを記述する必要がありますか?現在、UserSettingsController UserBillingDetailController がありますが、UserBillingDetailController は完全に異なるルート /billingdetail であり、ユーザー設定を必要としています

Answer 1

これは、error オブジェクトが空であるためです。名前フィールドの検証エラーを取得するには、form.errors.name を使用することもできます。 コントローラーで通常どおり検証します。