I'm currently implementing a filter on an axios response. It seems like the filter is functioning correctly, but my components are not receiving the expected data, only the correct number of records.
methods: {
loadItems() {
// Initialize variables
var self = this
var app_id = "ID";
var app_key = "KEY";
this.items = []
axios.get(
"https://api.airtable.com/v0/"+app_id+"/Pages",
{
headers: { Authorization: "Bearer "+app_key }
}
).then(function(response){
self.items = response.data.records.filter(item => item.fields.fxPage == 'TestPage');
response.data.records.map((item)=>{
return {
id: item.id,
...item.fields
}
})
}).catch(function(error){
console.log(error)
})
}
}