Comment afficher les composants en fonction des conditions d'enregistrement du compte de l'utilisateur ? Base de feu |

Question

Je suis un débutant avec Vue et Firebase et j'ai obtenu une authentification de compte. Je souhaite afficher le contenu uniquement lorsque l'utilisateur est connecté. Sinon, je veux qu'ils affichent le composant de connexion. S'ils n'ont pas de compte, je souhaite afficher le composant d'inscription. J'ai essayé ce qui suit sans succès. S'il vous plaît faites des suggestions ou je vous en serais reconnaissant!

<div v-if="isLogin" >
      <Message />  
</div>
<div v-else-if="auth.user">
      <Login />
</div>
<div v-else >
      <Register />
</div>

Answer 1

La seule façon que je connaisse de savoir si un utilisateur a créé un compte dans le passé (même s'il ne s'est pas connecté) est d'utiliser un cookie ou une variable de stockage local. Mais cela semble trop compliqué pour quelque chose où vous pouvez afficher une page de connexion lorsque vous n'êtes pas connecté et fournir un lien vers une page d'inscription sous la zone de connexion s'ils doivent créer un compte.

À part cela, votre code actuel devrait ressembler davantage à ceci.