0
votes

Impossible d'obtenir l'état VUEX dans le composant VUE

J'essaie d'obtenir des données utilisateur une fois qu'ils sont connectés, mais il renvoie objet au lieu de la matrice de l'utilisateur.

Code

App.js (Main composant) xxx

store.js xxx blockQuote>

Note: basé sur Cette réponse J'ai ajouté LoggeDUser: Etat => état.user.user, à mon getters mais tout ce que je reçois est un objet et rien sur les données utilisateur.

Capture d'écran

 un

question

Comment puis-je obtenir mes données d'utilisateur dans mon composant?


0 commentaires

3 Réponses :


0
votes

n'est-ce pas simplement à l'intérieur de la valeur ?

this.user.value


10 commentaires

dans quelle partie ?!


Après ceci.user = ceci. $ Store.getters.loggetaturer


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 et resp.data . 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.



0
votes

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é.


2 commentaires

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.



0
votes

Résolu

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.

code

store.js xxx

app.vue (composant principal)

i supprimé créé () fonction et ajouté monté () fonction xxx

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.

J'espère que cela peut être utile aux autres.


0 commentaires