如果你陣列裡面很單純只是string的話可以這樣寫
{{ list.toString() }}
如果裡面是物件的話還是建議用computed計算完再回傳
{{ listString }}
<script>
new Vue({
el: '#example',
data: {
list: [{a:1},{a:2}]
},
computed: {
listString: function () {
let arr = []
this.list.forEach(item=>{
arr.push(item.a)
})
return arr.toString()
}
}
})
</script>
{{ }}
也可以加入 function
提供其中一個方法,不一定是最好的寫法~
如果 index 為最後一個,則不加上 ,
<span v-for="(item, index) in list">
{{ filterText(item,index) }}
</span>
....
methods:{
filterText(val, idx){
if(idx < this.list.length - 1){
return val + ","
}
return val
}
}
完整如下,提供參考
codepen