VueJS和laravel驗證陣列

Question

從Laravel驗證爲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得到這個devtools

Answer 1

它看起來像你必須通過你的錯誤itterate目的。在錯誤您的密鑰是「items.0.name」，所以可能你必須使用{{errors ['items.0.name']}}。但我認爲你將不得不改變你的laravel錯誤驗證。