1👍
✅
That’s because you’re using not using an arrow function in axios.spread(...)
. This means that you do not preserve the lexical this from the VueJS component, as function() {...}
will create a new scope for itself. If you change it to use arrow function, then the this
in the callback will refer to your VueJS component instance:
axios.all([getBoardColumns(), getBoardPosts()])
.then(axios.spread((columnData, postData) => {
// Rest of the logic here
}))
.catch(error => console.log(error));
Source:stackexchange.com