需求：希望從主頁(yè)跳轉(zhuǎn)到詳情頁(yè)的時(shí)候，底部footer隱藏。我的嘗試：在詳情頁(yè)的mounted里，獲取當(dāng)前路由，如果是詳情頁(yè)，就隱藏底部footer。
(這樣出現(xiàn)了個(gè)問題： 從詳情頁(yè)點(diǎn)擊路由跳轉(zhuǎn)到首頁(yè)之后底部不出現(xiàn)了(因?yàn)閺氖醉?yè)到詳情頁(yè)footer只渲染了一次))目前是vue-cli起的項(xiàng)目，有vue-router。求解。(希望每次路由跳轉(zhuǎn)都判斷是不是詳情頁(yè)，如果是的話，就隱藏底部)
1 回答
largeQ
TA貢獻(xiàn)2039條經(jīng)驗(yàn) 獲得超8個(gè)贊
可以再詳情組件中試用beforeRouteEnter鉤子函數(shù)，
beforeRouteEnter(to, from, next) {
修改狀態(tài) 控制footer 組件顯示隱藏
}也可以在main.js中使用Router.beforeEach(to, from, next) {
判斷to.path 是否為詳情頁(yè)，修改狀態(tài)，控制footer組件顯示影藏
next() 注意調(diào)用next方法
}
<footer v-if="$store.state.blFooter"><footer>添加回答
舉報(bào)
0/150
提交
取消