vue.js で便利なフィルター

● pluck

よくある結果セットから、特定のカラムだけ取り出して配列にします。

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(', ') }}
No.1745
04/27 10:59

edit