J'essaie d'obtenir des données utilisateur une fois qu'ils sont connectés, mais il renvoie App.js (Main composant) strong> p> store.js strong> p> Comment puis-je obtenir mes données d'utilisateur dans mon composant? p> p> objet code> au lieu de la matrice de l'utilisateur.
Code H1>
LoggeDUser: Etat => état.user.user, code> à mon
getters code> mais tout ce que je reçois est un objet et rien
sur les données utilisateur. P>
blockQuote>
Capture d'écran h1>
question h1>
3 Réponses :
n'est-ce pas simplement à l'intérieur de la valeur code>? p>
this.user.value code> p>
dans quelle partie ?!
Après ceci.user = ceci. $ Store.getters.loggetaturer code>
Dans la console, votre capture d'écran indique clairement une clé de valeur. Avez-vous essayé de l'étendre
Voici la capture d'écran de cette valeur que vous avez mentionnée ibb.co/6nykznz
Connectez-vous la réponse resp.data.user code> et
resp.data code>. Serait intéressant de voir ce qui est envoyé
Quand appelez-vous l'action de connexion?
Quand j'essaie de vous connecter (login.vue)
A droite, vous essayez d'obtenir les données trop tôt. Le crochet créé fonctionne probablement avant que l'action soit arrivée. Vous devriez soit hydrater votre magasin avant de montez l'application ou ajouter une sorte d'observateur et attendre que le magasin soit peuplé.
me donneriez-vous un échantillon?
Ok je vais poster quelque chose plus tard.
Vous devez obtenir des informations utilisateur après la journalisation de l'utilisateur lorsque la composante app est créée. Parce que lorsque le composant d'applications est créé, vous ne vous êtes pas connecté. P>
Les commentaires ne sont pas pour une discussion prolongée; Cette conversation a été déplacé vers Chat .
J'ai essayé (Déclarez la valeur initiale variable avec un objet vide {} et imprimez dans Created () de l'application Composant) et cela montre exactement comme la vôtre. Donc, le problème est que vous appelez le getter avant que le getter ne soit défini.
Eh bien, car je n'ai pas pu obtenir mes informations de l'utilisateur à Vuex State, j'ai décidé de limiter mes données d'utilisateur de Backend et de les stocker dans localStorage de cette façon, je peux obtenir mes données d'utilisateur au lieu de VUEX. p>
i supprimé De cette façon, je n'ai aucune erreur non pas lorsqu'il existe un visiteur, ni lorsque vous êtes enregistré utilisateur. De plus, je peux obtenir mon nom d'utilisateur immédiatement après qu'ils se sont connectés. P> J'espère que cela peut être utile aux autres. P> h1> store.js code> p>
app.vue (composant principal) Code> p>
créé () code> fonction et ajouté
monté () code> fonction p>