VueJSInertiaJS+ Laravel 8显示多个输入错误

问题描述

我正在尝试显示我的多个输入错误。

我有多个情节的多个输入表格。每个人都有标题和描述。

我可以显示其他错误+阵列错误（最小1 ep和最大15 ep）

但是我无法在我的情节数组中循环。

VueJS（通过Vue工具）向我显示了正确的错误，例如：errors.episodes.0.description：0：Episodes.0.description字段为必填项。

但是当我想遍历error.episodes [index] .description时，VueJS向我显示：
[Vue警告]：渲染错误：“ TypeError：无法访问属性0，_vm。 $ page.errors.episodes未定义”

我尝试过

<div class="text-red-600" v-if="$page.errors.episodes[index].description">
    {{ $page.errors.episodes[index].description[0] }}
</div>

感谢您对我的帮助

解决方法

问题解决了，“ episodes.0.title”是我要做的全部索引：

<div class="text-red-600" v-if="$page.errors['episodes.0.title']">{{ $page.errors['episodes.0.title'][0] }}</div>

,

与此相关地访问$ page

<div class="text-red-600" v-if="this.$page.errors.episodes[index].description">
    {{ this.$page.errors.episodes[index].description[0] }}
</div>