vue ajax 更新data,vue.js - Vue ajax request isn't updating data - Stack Overflow

If you want to loop through the collection of users, you have to first wait until they are actually available - you can use then callback for it:

export default {

data () {

return {

users: [],

}

},

methods: {

getUsers () {

return this.$axios.get('/api/users')

.then(r => {

this.users = r.data

})

.catch(error => console.log(error));

},

},

created () {

this.getUsers().then(() => {

this.users.forEach(function (u) {

...

})

})

}

}

Rather than converting returned collection from within vue component it would be better to return it formatted with the response - using plain php you could achieve it with array_map - here I'm using an array of User models as an example:

$users = array_map(function (User $user) {

return [

'value' => $user->id,

'name' => $user->name,

];

}, $users);

The above will return something like:

[

[

'value' => 1,

'name' => 'Jon Doe',

],

[

'value' => 2,

'name' => 'Jane Doe',

],

]