vuejs 禁用了导航和侧边栏

Question

我知道我不应该把 navpart 和 sidepart 放在 app.vue 现在我做了一个登录页面，在登录页面时，导航部分和侧面部分是隐藏的。 我在两个标签中写了一个 v-if 指令。 在登录页面时，这两个部分是隐藏的。但是登录后，这两个部分仍然是隐藏的。不知道问题出在哪里？

路由器：

{
  path: '/components/login',
  name: 'login',
  component: login
},
{
  path: '/components/userlist',
  name: 'userlist',
  component: userlist
},

app.vue:

<template>
  <div id="app">
    <!-- <headpart class="headpart" ></headpart>
    <sidebar class="side" ></sidebar> -->

    <headpart class="headpart" v-if="['login'].indexOf($router.name) > -1"></headpart>
    <sidebar class="side" v-if="['login'].indexOf($router.name) > -1"></sidebar>
    <router-view></router-view>
  </div>
</template>

Answer 1

你有一个错字：$router.name 应该是 $route.name

<headpart class="headdart" v-if="['login'].indexOf($router.name) > -1"></headpart>

另外，不管它的价值，我认为这也有效：

<headpart class="headpart" v-if="$route.name != 'login' "></headpart>