vueのレジスタ/ログインページにメニューを表示しない

Question

ログイン/登録ページに表示したくないサイドメニューがあります。ほとんどの他のページに表示する必要があります。どのように私はそれについて行くのですか？

<div id="app ui container"> 
    <Menu/> 
    <router-view/> 
</div> 

Answer 1

にv-if="showMenu"を追加このようなもの：

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

あなたはまだのように要素自体の表示/非表示を使用することができます。

<Menu v-if='this.$route.path !== "login" || this.$route.path !== "/register"'/> 

それはでもはるかに少ないあなたはログインして他のすべてのページ用に別のフォルダの別のページを作成する必要があります

Answer 2

showMenu() { 
    return this.$route.name !== 'login' && this.$route.name !== 'register'; 
} 

のような計算されたプロパティを作成し、そこにこれを処理するはるかに良い方法はありますが、あなたのコードを共有していないので、あなたが使用することができます<Menu/>

Answer 3

1. をお勧めします。

2. ログインページでユーザー認証のロジックを提供し、ログインが成功するたびに、ユーザーセッションを作成してユーザーアカウントのホームページに移動します。