beforeRouteEnter没有this咋办

beforeRouteEnter(to, from, next) {
    if(to.name=='sendFile'){
      this.getDetail()
    }
    next()
  },

你是不是也这样写过？你是不是觉得这段代码没有问题？然而事实就是页面不会加载，直接报错了。。

原因是没有this，在你使用此钩子的时候，你的页面还没有加载呢，所以肯定拿不到当前的this了。

那么如果我想要这么做，应该如何处理呢？

其实vue那么成熟的框架人家早就想好了。

next可以传入一个回调，对于接下来的操作，而参数就是当前的vm实例，也就是当前的this呐。

于是变成下方这段代码：

beforeRouteEnter(to, from, next) {
    next((vm) => {
      if (from.name == "sendFile") {
        vm.getDetail();
      }
    });
  },