@koliane

Как в vue.js, в компоненте tsx вывести элементы в цикле?

Используются компоненты tsx, т.е. для рендеринга компонента используется ф-ия
render() {
    return (
      <div>
          <div v-for={weekDay in this.arWeekDays} >
              <div>{weekDay}</div>
          </div>
      </div>
    )
  }

Но этот код выдает ошибку "index is not defined".
Подскажите, как можно реализовать вывод элементов в цикле в tsx?

В примере нужно в цикле вывести дни недели. Если делать не через tsx, то аналог выглядел бы примерно так:
<div>
  <div v-for="weekDay in arWeekDays" >
    <div>{{weekDay}}</div>
  </div>
</div>
  • Вопрос задан
  • 371 просмотр
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
v-for={weekDay in this.arWeekDays}

выдает ошибку "index is not defined"

А может, всё-таки "weekDay is not defined"? Или вы о чём-то умалчиваете?

Про v-for забудьте:

<div>
  {this.arWeekDays.map(n => <div>{n}</div>)}
</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы