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