Afficher la propriété de chargement sur Pageload avec nuxt

Question

J'ai un projet nuxt qui fonctionne bien. Cependant, lors du chargement de la page, une méthode asynchrone est effectuée.

import charge from '~plugins/charge' 
export default { 
    asyncData (context, callback) { 
     const subscription = context.params.id; 
     charge.getAll(subscription, function(result){ 
      let data = result.data;; 
      callback(null, data) 
     }); 
    } 
} 

Mon problème est que la page reste affichée tant que l'opération asynchrone n'a pas été effectuée. Comment puis-je montrer un chargeur jusqu'à ce que la fonction renvoie un résultat?

Answer 1

Il existe un exemple officiel dans le repo Nuxt.js. Découvrez l'exemple Custom-Loading.