不要在 vue 中的注册/登录页面上显示菜单

May*_*ngh 3 vue.js vue-router

我有一个侧边菜单,我不想在登录/注册页面中显示它,我需要在几乎所有其他页面中显示它。我该怎么做?

<div id="app ui container">
    <Menu/>
    <router-view/>
</div>
Run Code Online (Sandbox Code Playgroud)

sam*_*ayo 6

有更好的方法来处理这个问题,但是由于您没有共享代码,您可以使用以下方法:

computed: {
 hide () {
   return this.$route.path === '/login' || this.$route.path === '/register'; 
 }
}
Run Code Online (Sandbox Code Playgroud)

或者,您仍然可以在元素本身上使用隐藏/显示:

 <Menu v-if='this.$route.path !== "login" || this.$route.path !== "/register"'/>
Run Code Online (Sandbox Code Playgroud)

但这更不值得推荐