How to remove comma at the end of v-for?

Question

Vue.js

It seems like a simple task, but what did I think.
The code

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

The loop ends with a comma and needs to be removed somehow.

Answer 1

Add a comma depending on the index of the current element:

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

Or to hell with v-for, glue the array into a string and output it into one span:
<span v-text="names.join(', ')"><span>