Pourquoi Inertia JS Form ne fonctionne-t-il pas avec vue.js ? Quand j'utilise l'erreur

Question

J'ai actuellement un problème.

J'en ai eu un une fois IndexUserSettings.vue，它显示了 IndexUserBillingDetail.vue。在此 vue 中，检查 create: boolean == false 或 true。如果为 true，则显示 CreateUserBillingDetail.vue，如果为 false，则显示 ListUserBillingDetail.vue.

Maintenant, la question est la suivante : J'ai un formulaire en CreateUserBillingDetail.vue.

<template>
<form @submit.prevent="submit" class="grid grid-cols-1">
    <label for="name">Name: </label>
    <input class="p-2 border" id="name" v-model="form.name" />

    <label for="email">Email: </label>
    <input class="p-2 border" id="email" v-model="form.email" />

    <label for="street">Steet: </label>
    <input class="p-2 border" id="street" v-model="form.street" />

    <label for="street_addition">street Addition: </label>
    <input class="p-2 border" id="street_addition" v-model="form.street_addition" />

    <label for="postal_code">Postal Code: </label>
    <input class="p-2 border" id="postal_code" v-model="form.postal_code" />

    <label for="city">City: </label>
    <input class="p-2 border" id="city" v-model="form.city" />

    <label for="country">Country: </label>
    <input class="p-2 border" id="country" v-model="form.country" />

    <label for="vat_id">Vat ID: </label>
    <input class="p-2 border" id="vat_id" v-model="form.vat_id" />

    <button type="submit">Submit</button>
</form>
</template> 

<script>
import {Inertia} from "@inertiajs/inertia";
export default {
 name: "CreateUserBillingDetail",
 props: {
    errors: Object
},
data() {
    return {
        form: this.$inertia.form({
            name: null,
            email: null,
            street: null,
            street_addition: null,
            postal_code: null,
            city: null,
            country: null,
            vat_id: null
        })
    }
},
methods: {
    submit() {
        this.form.post(route('billingdetail.store'));
    }
  }
}
</script>

Maintenant, quand je mets <div v-if="errors.name">{{ error.name }}</div> sous chaque entrée, la page ne fonctionne plus. Pourquoi cela arrive-t-il?

Je ne sais pas quoi faire. J'aurais aimé qu'il y ait une page de paramètres utilisateur là-bas et que l'utilisateur puisse ensuite définir tout son possible à la fin. (Il suffit de visualiser et de créer ses informations de facturation).

Je dois être présent UserSettingsController 中写入所有内容吗？目前我有 UserSettingsController + UserBillingDetailController 但 UserBillingDetailController 是完全不同的路线 /billingdetail et je souhaite avoir les paramètres utilisateur

Answer 1

C'est parce que error 对象为空。要获取名称字段的验证错误，您还可以使用 form.errors.name. Validez comme d'habitude dans le contrôleur.