{{ users | pluck(key) }}
<div id="app">
<p>
<select v-model="key">
<option>name</option>
<option>id</option>
<option>age</option>
</select>
</p>
<p>{{ users | pluck(key) }}</p>
</div>
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])
}
}
})