VueJS 및 유효성 검사 유효성 검사 배열

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이있어 그것은 당신이 당신의 오류를 통해 itterate해야 할 것 같습니다

Answer 1

DevTools로 목적. 오류 내에서 열쇠는 "items.0.name"이므로 아마도 {{errors [ 'items.0.name']}}을 사용해야합니다. 그러나 당신은 laravel error validation을 바꾸어야한다고 생각합니다.