为什么我仍然在 /dashboard 页面上看到导航栏？

Question

<Navbar v-if="showNavbar" /> 

const showNavbar = computed(() => 
  route.name !== 'dashboard' &&
  route.name !== 'dashboard_home' &&
  route.name !== 'display' &&
  route.name !== 'modify' &&
  route.name !== 'password' 
);

上面是计算属性的代码，不在上述页面上显示导航栏。 但问题是我仍然在仪表板页面上看到导航栏。

这是我的仪表板的路线代码。

{path: '/dashboard', name: 'dashboard', component: ApplicationShell, meta: { requiresAuth: true},
        children: [
            { path: '', name: 'dasboard_home',component: dashboard_home },
            { path: 'display', name: 'display', component: display_personal_data },
            { path: 'modify', name: 'modify', component: modify_personal_data },
            { path: 'password', name: 'password', component: password },
          ]
            }

Answer 1

错字。我看到 showNavbar 正在检查当前路由名称是否不等于“dashboard”、“dashboard_home”、“display”、“modify”或“password”。但在您的路由配置中，仪表板主路由的名称是“dashboard_home”，而不是“dasboard_home”。

            { path: '', name: 'dasboard_home',component: dashboard_home },