在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue跳轉后設置隱藏

vue跳轉后設置隱藏

app.vue結構:
<Header/>
<router-view/>
<Footer/>

從主頁'/'跳轉到詳情頁'/detail'
跳轉過去以后隱藏footer。

也就主頁等其他頁面有footer,詳情頁沒有footer。

條件: vue-cli起的項目
目前用的vue組件+vueRouter,
沒有vuex的情況下,能否完成此呢,求解。

另:請不要只寫個router.beforeEach,麻煩給點詳細的代碼,謝謝

回答
編輯回答
單眼皮

app.vue v-if判斷

computed: {
  isComponent() {
    return /^component-/.test(this.$route.name || '');
  }
},
2017年10月18日 08:40
編輯回答
歆久

你可以寫個index組件,把原來的主頁內容和footer放在index.vue里面

2017年2月3日 19:50
編輯回答
挽青絲

受邀來答。

講道理這個可以直接在父組件里watch路由,這個其他回答已經提過了。

或者對footer組件用Vuex來管理它的顯隱,v-show也不是很難看,其實在footer里面watch router也不錯,專事專辦

2017年11月1日 08:04
編輯回答
囍槑

詳情頁用fixed布局,z-index要高于footer,記得設置背景色

2018年6月14日 11:43
編輯回答
歆久

謝邀,既然已經解決,我就不答了。

2018年1月6日 09:13
編輯回答
冷眸
//在app.vue里加個watch
    watch: {
        $route: function(newVal) {
            //里面有路由的信息,根據(jù)路由信息做相關處理
            console.log(newVal);
        }
    },
2017年8月2日 08:24