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();
      }
    });
  },

猜你喜欢

转载自blog.csdn.net/qq_52856519/article/details/129276494