CODEWITHSUNDEEP
javascriptvue.jsnuxt.js
francky
francky

Reputation: 177

Nuxt JS how to update props inside the async fetch() with the new data?

hello is possible to update props inside the async fetch after page loaded example

props: {
  products: {
   type: Array,
   required:true
 }
}
async fetch() {
let data = this.products
 // data processing for display....
}

methods: {
  updateProducts() {
    return this.products.push(newdata);
  }
}

How to to update this.products in async fetch with the new data ? please

Upvotes: 1

Views: 1178

Answers (1)

kissu
kissu

Reputation: 46769

You can call this.$fetch() to re-trigger a fetch() hook. Meanwhile, this will probably not be useful in your case. A watch() or just emitting a value to the parent is enough.

You can see a snippet of code here: How to make an infinite loader in Nuxt?

But mainly, moving the logic to a regular method is the way to go here (callApi in the example).

Upvotes: 1

Related Questions