Vue的beforeRouteEnter如何使用组件实例的方法

2023-03-09 18:50:07 浏览数 (3)

beforeRouteEnter如何使用组件实例的方法

代码语言:javascript复制
beforeRouteEnter(to, from, next) {
     this.axios()
 }

对于这样的代码,会报错,因为此时组件实例不存在,没有this,就更没有挂载到上面的axios方法了。

解决方法:在next中调用

next可以传入一个参数vm,这个参数表示组件实例,可以用vm代替this使用组件实例的方法了。

代码语言:javascript复制
beforeRouteEnter(to, from, next) {
   next((vm) => {
       vm.axios()
   }
}

0 人点赞