vue.js - VueJS: How to output a comma separated array?

Question

I know that in VueJS I can loop through an array:

<span v-for="(element, index) in list">{{ element }}</span>

But what if I wanted a list that is comma separated? For example, if list = ["alice", "bob", "chuck"], then the above would output:

<span>alice</span><span>bob</span><span>chuck</span>

What I want, though, is:

<span>alice</span>, <span>bob</span>, <span>chuck</span>

Is this possible?

question from:https://stackoverflow.com/questions/42129534/vuejs-how-to-output-a-comma-separated-array

Answer 1

If all you care about is comma separation, use Javascript's built-in join method:

{{ list.join(', ') }}