对Vue beforeRouteEnter 的next执行时机详解
更新时间：2018年08月25日 15:04:06 作者：DMS程序猿
今天小编就为大家分享一篇对Vue beforeRouteEnter 的next执行时机详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
背景
今天在用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()和beforeRouteLeave()的函数解释
1、beforeRouteEnter(to, from, next){
要执行的代码操作
next();
}
beforeRouteEnter：进入路由之前执行的函数。
next(); --》 必须有这个，相当于一个按钮开启一样。
2、beforeRouteLeave(to, from, next){
要执行的代码操作
next();
}
beforeRouteLeave：离开路由之前执行的函数。
next(); --》 必须有这个，相当于一个按钮开启一样。
以上这篇对Vue beforeRouteEnter 的next执行时机详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
混入(mixin)提供了一种非常灵活的方式，来分发vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项2022-12-12
vue3之所以受广大袁友的喜欢，优点必不可少呀，比如：可以监听动态新增的属性；可以监听删除的属性 ；可以监听数组的索引和 length 属性；下面文章小编就来向大家介绍vue3，感兴趣的小伙伴不要错过奥2021-09-09
这篇文章主要给大家介绍了关于如何在Vue中使用Echarts实例图的相关资料，文中介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
这篇文章主要介绍了Element UI框架中巧用树选择器的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
这篇文章主要为大家介绍了Vue实现电商网站商品放大镜效果示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要介绍了Vue EventBus自定义组件事件传递，组件化应用构建是Vue的特点之一，本文主要介绍EventBus进行数据消息传递 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
最近火爆全网的羊了个羊小程序，背景是根据官方介绍，“羊了个羊”是一款闯关消除小游戏，通关率不到0.1%。主要玩法为重叠的各类方块，需要在下方7个栏内完成消除，其特点就是“极难”，也因此成为热门挑战，对vue3版本网页小游戏设计思路感兴趣的朋友跟随小编一起看看吧2022-12-12
Vue.js基础之监听子组件事件v-on及绑定数据v-model学习
这篇文章主要为大家介绍了Vue.js基础之监听子组件事件v-on及绑定数据v-model学习，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
vue引入elementUi后打开页面报错Uncaught TypeError的解决方式
这篇文章主要给大家介绍了关于vue引入elementUi后打开页面报错Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype‘)的解决方式,文中通过图文介绍的非常详细,需要的朋友可以参考下2022-08-08
最新评论