鍍金池/ 問(wèn)答/HTML/ vue跳轉(zhuǎn)后設(shè)置隱藏

vue跳轉(zhuǎn)后設(shè)置隱藏

app.vue結(jié)構(gòu)：
<Header/>
<router-view/>
<Footer/>

從主頁(yè)'/'跳轉(zhuǎn)到詳情頁(yè)'/detail'
跳轉(zhuǎn)過(guò)去以后隱藏footer。

也就主頁(yè)等其他頁(yè)面有footer，詳情頁(yè)沒(méi)有footer。

條件： vue-cli起的項(xiàng)目
目前用的vue組件+vueRouter，
沒(méi)有vuex的情況下，能否完成此呢，求解。

另：請(qǐng)不要只寫(xiě)個(gè)router.beforeEach,麻煩給點(diǎn)詳細(xì)的代碼，謝謝

回答
編輯回答
單眼皮

app.vue v-if判斷

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

你可以寫(xiě)個(gè)index組件，把原來(lái)的主頁(yè)內(nèi)容和footer放在index.vue里面

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

受邀來(lái)答。

講道理這個(gè)可以直接在父組件里watch路由，這個(gè)其他回答已經(jīng)提過(guò)了。

或者對(duì)footer組件用Vuex來(lái)管理它的顯隱，v-show也不是很難看，其實(shí)在footer里面watch router也不錯(cuò)，專事專辦

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

詳情頁(yè)用fixed布局，z-index要高于footer,記得設(shè)置背景色

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

謝邀，既然已經(jīng)解決，我就不答了。

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