Javascript 未使用同一组件在beforeRouteUpdate上调用Next()

Javascript 未使用同一组件在beforeRouteUpdate上调用Next(),javascript,vue.js,vuejs2,vue-component,vue-router,Javascript,Vue.js,Vuejs2,Vue Component,Vue Router,我使用相同的vue组件来显示我使用axios获取的数据。单击链接后,ajax请求将获取新数据 但是如果组件已经加载,并且用户单击另一个链接加载不同的数据,则不会调用next()-方法 看看我的密码笔,看看我的意思。应该有一个警报显示。如果你第一次点击一个链接,它会。如果切换到另一个链接,则不会 来自: 请注意,beforeRouteEnter是唯一支持将回调传递给next的保护。对于路由更新之前和路由删除之前,此已可用,因此不需要传递回调,因此不支持 因此,beforeUpdate中的next(

我使用相同的vue组件来显示我使用axios获取的数据。单击链接后,ajax请求将获取新数据

但是如果组件已经加载,并且用户单击另一个链接加载不同的数据,则不会调用
next()
-方法

看看我的密码笔,看看我的意思。应该有一个警报显示。如果你第一次点击一个链接,它会。如果切换到另一个链接,则不会

来自:

请注意,
beforeRouteEnter
是唯一支持将回调传递给next的保护。对于
路由更新之前
路由删除之前
已可用,因此不需要传递回调,因此不支持

因此,
beforeUpdate
中的
next()
无法进行回调,因为您已经可以访问
中的实例。在该回调中使用
vm
可以完成的任何操作都可以使用
this
完成:

beforeRouteUpdate(to, from, next) {
  alert("Reloaded");
  // `this` works
  next();
}