@jazzus

Как убрать запятую в конце v-for?

Вроде задача простая, но что я задумался.
Код
<span v-for="name in names" :key="name">{{name}}, </span>

Цикл заканчивается запятой и нужно ее как-то убрать.
  • Вопрос задан
  • 474 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Добавлять запятую в зависимости от индекса текущего элемента:

<span v-for="(n, i) in names">{{ n }}{{ i < n.length - 1 ? ', ' : '' }}</span>

Или к чёрту v-for, склеить массив в строку и вывести в один span:

<span v-text="names.join(', ')"><span>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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