首页 > 其他 > 详细

Vue beforeRouteEnter 的next执行时机

时间:2018-07-05 21:11:54      阅读:205      评论:0      收藏:0      [点我收藏+]

背景

今天在用vue实现界面的时候,想在beforeRouteEnter钩子函数中去获取数据,然后通过next方法设置到跳转页面的实例中,结果发现数据一直没办法在界面渲染的时候赋值,苦思不得其解,遂google之,终寻原因,记录之。

注意

beforeRouteEnter (to, from, next) {
  console.log(this);  //undefined,不能用this来获取vue实例
  console.log(‘组件路由钩子:beforeRouteEnter‘);
  next(vm => {
    console.log(vm);  //vm为vue的实例
    console.log(‘组件路由钩子beforeRouteEnter的next‘);
  });
}

next(vm=>{console.log(‘next’) }) 
这个里面的代码很晚执行,执行时机在组件mounted周期之后

Vue beforeRouteEnter 的next执行时机

原文:https://www.cnblogs.com/crazycode2/p/9266499.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!