vue路由跳转问题

Question

需求：

希望从主页跳转到详情页的时候，底部footer隐藏。

我的尝试：

在详情页的mounted里，获取当前路由，如果是详情页，就隐藏底部footer。
    (这样出现了个问题： 从详情页点击路由跳转到首页之后底部不出现了(因为从首页到详情页footer只渲染了一次))

目前是vue-cli起的项目，有vue-router。

求解。(希望每次路由跳转都判断是不是详情页，如果是的话，就隐藏底部)

Answer 1

可以再详情组件中试用beforeRouteEnter钩子函数，beforeRouteEnter(to,&nbsp;from,&nbsp;next)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;修改状态&nbsp;控制footer&nbsp;组件显示隐藏 }也可以在main.js中使用Router.beforeEach(to,&nbsp;from,&nbsp;next)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;判断to.path&nbsp;是否为详情页，修改状态，控制footer组件显示影藏&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;next()&nbsp;注意调用next方法 } <footer&nbsp;v-if="$store.state.blFooter"><footer>