如何根据用户的帐户注册条件显示组件？火力基地 | Vue

Posted 2023-02-22

【中文标题】如何根据用户的帐户注册条件显示组件？火力基地 | Vue

【英文标题】：How can I show the components based on user's account registration condition? Firebase | Vue

【发布时间】：2022-01-20 17:43:03

【问题描述】：

我是 Vue 和 firebase 初学者，并获得了帐户身份验证。我只想在用户登录时显示内容。如果没有，我希望他们显示登录组件。如果他们没有帐户，我想显示注册组件。 我尝试如下但没有成功。请提供建议，否则我将不胜感激！

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

【问题讨论】：

内容不足时很难提供答案。 1. isLogin 或 auth.user 是否有价值？如果没有，那么您应该检查功能有什么问题。 2. 如果您已经拥有auth.user 的用户详细信息，为什么还要显示Login 组件？有更多关于您的问题的内容会很棒。可能是你的进口不好。

【参考方案1】：

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

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

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

【讨论】：

感谢您的评论。