vue-cli 3.5.1
vue-cli初心者です。
vue-cli create vue-test
コマンドで、vue-router付きで初期プロジェクトを作成しました。
作成されたApp.vueファイルに#navのナビゲーション(HomeとAboutのリンク)ブロックが生成されるのですが、
これをAboutページでは非表示にしたいです。
(#navを非表示にするとHomeに戻る手段がなくなることは承知しています)
Javascript
1App.vue 2 3<template> 4 <div id="app"> 5 <div id="nav"> 6 <router-link to="/">Home</router-link> | 7 <router-link to="/about">About</router-link> 8 </div> 9 <router-view/> 10 </div> 11</template> 12 13<style> 14#app { 15 font-family: 'Avenir', Helvetica, Arial, sans-serif; 16 -webkit-font-smoothing: antialiased; 17 -moz-osx-font-smoothing: grayscale; 18 text-align: center; 19 color: #2c3e50; 20} 21#nav { 22 padding: 30px; 23} 24 25#nav a { 26 font-weight: bold; 27 color: #2c3e50; 28} 29 30#nav a.router-link-exact-active { 31 color: #42b983; 32} 33</style>
例えばis_nav_showというpropsを追加して、<div id="nav" v-if="is_nav_show">という形で制御できるのかな?
とも思ったのですが、やり方が分かりませんでした。
ご教示頂けますと幸いです。宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/22 01:07