溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“Vue beforeRouteEnter中next執(zhí)行時機的示例分析”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“Vue beforeRouteEnter中next執(zhí)行時機的示例分析”這篇文章吧。
背景
在用vue實現(xiàn)界面的時候，想在beforeRouteEnter鉤子函數(shù)中去獲取數(shù)據(jù)，然后通過next方法設置到跳轉頁面的實例中，結果發(fā)現(xiàn)數(shù)據(jù)一直沒辦法在界面渲染的時候賦值，苦思不得其解，遂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') })這個里面的代碼很晚執(zhí)行，執(zhí)行時機在組件mounted周期之后
拓展知識：對vue中的beforeRouteEnter()和beforeRouteLeave()的函數(shù)解釋
1、beforeRouteEnter(to, from, next){
要執(zhí)行的代碼操作
next();
}
beforeRouteEnter：進入路由之前執(zhí)行的函數(shù)。
next(); --》 必須有這個，相當于一個按鈕開啟一樣。
2、beforeRouteLeave(to, from, next){
要執(zhí)行的代碼操作
next();
}
beforeRouteLeave：離開路由之前執(zhí)行的函數(shù)。
next(); --》 必須有這個，相當于一個按鈕開啟一樣。
以上是“Vue beforeRouteEnter中next執(zhí)行時機的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。
