laravel - VueJS 和 laravel 验证数组

Question

从 Laravel 到 VueJS 的验证。

我需要在正确的输入字段中显示正确的错误消息。 有人有想法吗？

表单.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>

Controller :

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

我在我的 vue 开发工具中找到了这个

Answer 1

看来您必须迭代您的错误对象。在错误中，您的 key 是“items.0.name”，因此您可能必须使用 {{errors['items.0.name'] }}。但我认为你必须更改你的 laravel 错误验证。