よくある結果セットから、特定のカラムだけ取り出して配列にします。
new Vue({
el: '#app',
data: {
key: 'name',
users: [
{id: 1, name: 'sato', age: 33},
{id: 2, name: 'suzuki', age: 26},
{id: 3, name: 'yamada', age: 40},
]
},
filters: {
pluck(users, key) {
return users.map(user => user[key])
}
}
})
引用 : https://iwb.jp/vuejs-custom-filter-sample-list/
また、そのままカンマ区切りで出力する場合は次のように .join(', ') します。
{{ props.row.tantos | pluck('name').join(', ') }}
filters: {
/**
* @param {Date} value - Date オブジェクト
* @param {string} format - 変換したいフォーマット
*/
moment(value, format) {
return moment(value).format(format);
}
}