问vue 2生命周期-如何停止beforeDestroy？

EN

您可以使用vue-route navigation-guards，因此如果在钩子内调用next(false)，导航将被中止。

router.afterEach((to, from) => {
  if(your condition){
    next(false) //this will abort route navigation
  }
})

正如belmin bedak评论的那样，你可以使用keep-alive

• 当你使用keep-alive时，另外两个生命周期钩子开始起作用了，它们是activated和deactivated钩子，而不是destroyed
• The。keep-alive的目的是缓存而不是销毁component
• you可以使用keep-alive元素的include和exclude属性，并提到应该包括到缓存中并从缓存中排除的组件的名称。下面是你想要预先销毁组件的情况，即使它被缓存了，你也可以使用documentation
• in here

此外，您可以在所有生命周期钩子中执行console.log操作，并检查正在调用哪个生命周期钩子

根据此消息来源：https://router.vuejs.org/guide/advanced/navigation-guards.html

我建议你用你的Vue路由器做一些类似的事情：

const router = new VueRouter({  }); // declare your router with params

router.beforeEach((to, from, next) => {
    if(yourCondition){
        next(false); // prevent user from navigating somewhere
    } else {
        return next(); // navigate to next "page" as usual
    }
});

这将防止在声明的条件下销毁您的Vue实例，并且还将防止用户导航到另一个页面。