如何使用Vue登录后渲染标题和侧边栏

我有一个 Vue.js 应用程序，目前我使用不同的页面渲染它。我遇到了一个问题，当我第一次登录时，它只会渲染单个主要组件，即根据 vue 路由器的页面。我正在寻找一种方法来运行我的登录功能，然后转到/dashboard但我希望它重新渲染我的 App.vue 文件，或者找到某种方法在下面的代码中重新加载我的标题和侧边栏，因为现在当我打开时，标题和侧边栏不会显示/login so the router.push('/dashboard')结果除了标题和侧边栏渲染之外的所有内容

<Header />
<Sidebar v-if="!pageOptions.pageWithoutSidebar" />
<div id="content" class="content" v-bind:class="{ 'content-full-width': pageOptions.pageContentFullWidth, 'content-inverse-mode': pageOptions.pageContentInverseMode }">
    <router-view></router-view>
</div>

您可以在与家长一起登录后放置您的页面，如下所示：

const routes = [
  {
    path: '/',
    component: () => import('layouts/MyLayout.vue'),
    children: [ // ALL ROUTES AFTER LOGIN
      { path: '', component: () => import('pages/Index.vue') }
    ]
  }
]

在 MyLayout.vue 中，您可以放置​​标题和侧边栏

你的 MyLayout.vue ：

<template>
  <div>
    <Header></Header>
    <SideBar></SideBar>
    <section>
        <router-view>
        </router-view>
    </section>

  </div>
</template>

<script>

import Header from '../layouts/Header.vue'
import SideBar from '../layouts/Sidebar.vue'

....