Блог

Я пытаюсь отобразить свои множественные ошибки ввода.

У меня есть форма множественного ввода для нескольких эпизодов. У каждого есть заголовок и описание.

Я могу отобразить другие ошибки ошибку массива (1 ep min и 15 ep max)

Но я не могу зацикливаться внутри своего массива эпизодов.

VueJS (через инструменты Vue) показывает мне правильные ошибки, такие как: errors.episodes.0.описание: 0: Поле episodes.0.description обязательно.

Но когда я хочу перебирать ошибки.episodes[index].description VueJS показывает мне:
[Предупреждение Vue]: ошибка при рендеринге: «Ошибка типа: не удается получить доступ к свойству 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 в vue для этого

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