I've been struggling with a specific issue for quite some time now, and after hours of searching, I still haven't found a solution. In essence, my problem lies within a forEach loop where I am adding the constant "mijndata" to my array "Signalen". The array appears to be filled successfully.
However, when it comes to displaying this data in my Vuetify data-table component, I encounter a problem. The data doesn't show up unless I interact with the table by sorting or searching. This leads me to believe that Vue is not detecting changes to the "signalen" array.
Despite reading numerous threads on this issue and referring to the Vue.js documentation, specifically the section on list rendering caveats, I still haven't been able to resolve this issue.
It's worth noting that if I directly push the results from my Axios calls into the "signalen" array, the problem doesn't occur. However, this isn't feasible as I need to create an object first before pushing it into the array.
Here's a snippet of the problematic code:
// Similar logic for other axios requests
// Pushing "mijndata" object into "signalen" array
this.signalen.push(mijndata);
// Other axios calls following similar structure...
This issue seems to stem from the way I'm handling the data objects and pushing them into the array rather than any inherent flaw in the framework or library.
If anyone has insights or suggestions on how to tackle this issue, I would greatly appreciate your help! Thank you.