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