VueJSおよびラベリング検証配列

Question

ラーベールからVueJSへの検証。

正しい入力フィールドに正しいエラーメッセージを表示する必要があります。 いずれかのアイデアがありますか？

form.vue：

<tr v-for="(item, index) in form.items"> 
<td> 
<input type="text" v-model="item.name" class="form-control"> 
    <small class="text-danger" v-if="errors.name"> 
    {{errors.name[0]}}</small> 
    </td> 
    <input type="text" v-model="item.age" class="form-control"> 
    <small class="text-danger" v-if="errors.age"> 
    {{errors.age[0]}}</small> 
    </td> 
    </tr> 

コントローラー：

$this->validate($request, [ 
     'items.*.name' => 'required', 
     'items.*.age' => 'required', 
    ]); 

私は私のVUEにこれを得たが、それはあなたがあなたのエラーを通じてitterateしているように見えます

Answer 1

デベロッパーツールオブジェクト。エラーの中であなたのキーは "items.0.name"なので、おそらく{{errors ['items.0.name']}}を使わなければなりません。しかし、私はあなたのラーバルエラーの検証を変更する必要があると思います。