码迷,mamicode.com
首页 > 其他好文 > 详细

Vue beforeRouteEnter 的next执行时机

时间:2018-07-05 21:43:39      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:不能   vue   注意   子函数   取数据   函数   div   跳转页面   efi   

背景

今天在用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执行时机

标签:不能   vue   注意   子函数   取数据   函数   div   跳转页面   efi   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!