Is there a way to refresh the data displayed in someData after it has been updated and saved on the server? I have tried using $recomputed('someData'), but it's not working as expected.
I believe I might need to utilize a Promise, but I'm unsure about how and where to implement it. Any assistance with this issue would be greatly appreciated. Thank you in advance for any help provided.
Here is the code snippet of the component:
computed: {
someData() {
return this.getData(); // This function retrieves data from the store
}
},
mounted() {
this.pullData(); // This function fetches data from the API and commits it to the state
}
The computed property someData is being used in the template for display, editing, and saving purposes.
And here is the code related to the store:
const actions = {
async pullData(commit) {
await ... // Fetch data from APIs and commit it
}
}
const getters = {
getData: state.data
}
In addition, a mutation has been implemented.
However, I am facing an issue where the someData is rendered empty once the component is loaded:
data: {
someData: []
},
mounted() {
this.pullData();
this.someData = this.getData();
}