如何根据用户的帐户注册情况显示组件？火力地堡 |视图

Question

我是 Vue 和 firebase 初学者，获得了帐户授权。我只想在用户登录时显示内容。如果没有，我希望他们显示登录组件。如果他们没有帐户，我想显示注册组件。我尝试如下但没有成功。请告知或我将不胜感激任何建议！

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

Answer 1

我知道判断用户过去是否创建过帐户的唯一方法是使用 cookie 或 localstorage 变量，即使他们没有登录也是如此。但这对于某些事情来说似乎过于复杂，如果他们没有登录，您可以只显示登录页面，如果他们需要创建帐户，则可以在登录框下方提供 link 到注册页面。

除此之外，您当前的代码应该看起来更像这样。

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

How can I show the components based on user's account registration condition? Firebase | Vue