未触发 beforeRouteEnter 中的回调函数答案

【问题标题】：Callback function in beforeRouteEnter is not triggered未触发 beforeRouteEnter 中的回调函数
【发布时间】：2018-12-27 14:56:24
【问题描述】：

我有简单的路线：/follower/:token/edit 和 /follower/new

当我通过 $router.push('/follower/new') 从第一个移动到第二个时，befoureRouteEnter 钩子被触发，但 'next' 函数内的回调函数不存在（当我从不同的路线或重新加载页面）。

beforeRouteEnter(to, from, next) {
    debugger; //is triggered
    next(vm => {
        debugger; //is not triggered
    })
}

你知道哪里出了问题吗？

Vue：2.5.17 Vue路由器：3.0.1

问候

【问题讨论】：

这是 vue 中的一个未解决的问题。如果你使用 vue 2.5.17-beta.0 (github.com/vuejs/vue-router/issues/2255#issuecomment-411170463) 应该可以解决问题。其他“修复”可以在这里阅读：github.com/vuejs/vue-router/issues/2255

【解决方案1】：

如果您在使用相同组件的路线之间导航 - vue 会尝试通过提供兑现版本来进行优化。我不确定这是否是您遇到的情况 - 但您可以尝试通过向您的 <router-view> 添加键值来强制重新实例化。

执行此操作的“常见”方法是使用 $route.path

<router-view :key="$route.path"></router-view>

【讨论】：