时间戳

首页 > 解决方案 > 渲染条件vue js

javascript - 渲染条件vue js

问题描述

我创建了一个登录页面，在那里我制定了条件。如果未登录则显示 NAVBAR A 如果登录成功则显示 NAVBAR B。在登录过程中，我创建了一个存储令牌的本地存储。请问为什么装后期渲染？当用户登录时，它应该呈现导航栏 B，如果它首先刷新它就可以工作

我的代码 app.vue

<v-main>
     <NavA v-if="token==='' "/> //if not login
     <NavB v-if="token!='' "/> // if login success
      <router-view />
</v-main>

data: () => ({
    drawer: true,
    token: '',
  }),

  mounted () {
      this.token = localStorage.getItem('token')
  },

标签： javascriptvue.jsvuex

解决方案

将“已安装”更改为“已创建”，也许它会有所帮助。

推荐阅读