Свойство цикла v-for 'событие' не определено, но работает с жестко закодированным индексом или без свойства - PullRequest
Новая
       18

Свойство цикла v-for 'событие' не определено, но работает с жестко закодированным индексом или без свойства

0 голосов
/ 03 мая 2019

Я получаю свойство 'событие' неопределенным, когда пытаюсь получить к нему доступ при интерполяции в шаблоне через v-for в vue.

Жесткий индекс работает, а также, когда я не указываю свойство, всесвойства перечислены правильно.Только когда я хочу получить доступ к определенному свойству, оно дает мне неопределенное значение.

Это цикл v-for, который я пытаюсь заставить работать и получаю свойство 'event' undefined 

<td v-for="(day, index) in daysRow" :key="day.id">{{ users.user[index].event }}</td>

daysRow - это массив объектов, подобных этому 

daysRow = [{day: 1, dayLabel: 'FR'}, {day: 2, dayLabel: 'SA'}, ...]

Users - это массив, подобный этому 

  users: {
    user: [
      {
        eventDay: 4,
        event: "HO"
      },
      {
        eventDay: 12,
        event: "1"
      }
    ]
  }

Теперь, когда я делаю v-for таким образом (с жестко заданным 0) 

<td v-for="(day, index) in daysRow" :key="day.id">{{ users.user[0].event }}</td>

Я получу событие 'HO', напечатанное столько раз, сколько дней в массиве daysRow, и это нормально, именно этого я и хочу.

Когда я использую приведенное ниже (с индексом var, но без указания свойства) 

<td v-for="(day, index) in daysRow" :key="day.id">{{ users.user[index]}}</td>

Я получу 

{ "eventDay": 4, "event": "HO" } 
{ "eventDay": 12, "event": "1" }

Так что это работает, но не вместе.

Я что-то упускаю из виду?Заранее благодарю за любую помощь.

...