我知道在 VueJS 中我可以遍历数组:
<span v-for="(element, index) in list">{{ element }}</span>
但是如果我想要一个逗号分隔的列表怎么办？例如，如果 list = ["alice", "bob", "chuck"]，那么上面的代码会输出:
<span>alice</span><span>bob</span><span>chuck</span>
不过，我想要的是:
<span>alice</span>, <span>bob</span>, <span>chuck</span>
这可能吗？
最佳答案
如果您只关心逗号分隔，请使用 Javascript 的内置 join方法:
{{ list.join(', ') }}
对于对象数组，你可以这样做:
{{ list.map(entry => entry.title).join(', ') }}
关于vue.js - VueJS : How to output a comma separated array?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42129534/