vue路由跳转问题

Question

需求：希望从主页跳转到详情页的时候，底部footer隐藏。我的尝试：在详情页的mounted里，获取当前路由，如果是详情页，就隐藏底部footer。     (这样出现了个问题： 从详情页点击路由跳转到首页之后底部不出现了(因为从首页到详情页footer只渲染了一次))目前是vue-cli起的项目，有vue-router。求解。(希望每次路由跳转都判断是不是详情页，如果是的话，就隐藏底部)

Answer 1

可以再详情组件中试用beforeRouteEnter钩子函数，

beforeRouteEnter(to, from, next) {
    修改状态 控制footer 组件显示隐藏
}

也可以在main.js中使用Router.beforeEach(to, from, next) {
    判断to.path 是否为详情页，修改状态，控制footer组件显示影藏    
    next() 注意调用next方法
}

<footer v-if="$store.state.blFooter"><footer>