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

Question

[jazzus]

Вроде задача простая, но что я задумался.
Код

<span v-for="name in names" :key="name">{{name}}, </span>

Цикл заканчивается запятой и нужно ее как-то убрать.

Answer 1

[0xD34F]

Добавлять запятую в зависимости от индекса текущего элемента:

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

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

<span v-text="names.join(', ')"><span>