鍍金池/ 問答/HTML/ vue路由當中的導(dǎo)航鉤子中關(guān)于next這個方法的描述應(yīng)該如何理解?

vue路由當中的導(dǎo)航鉤子中關(guān)于next這個方法的描述應(yīng)該如何理解?

clipboard.png
1、vue的官方文檔中關(guān)于next的描述有這樣一句。應(yīng)該如何理解這句話?
2、是不是next不傳參就不會改變路由路徑,傳參則根據(jù)所傳參數(shù)進行路徑改變?

回答
編輯回答
真難過

1.next()不傳參的情況下,進行管道中的下一個鉤子,意思是針對路由的鉤子可能有多個,比如每個路由都可能有鉤子函數(shù)beforeEnter,那么會執(zhí)行完這些鉤子函數(shù)之后再調(diào)整到to參數(shù)指定的頁面
2.不傳參不會改變路徑,傳參就按照指定的參數(shù)進行跳轉(zhuǎn)

2017年7月19日 12:27
編輯回答
冷眸

之前寫的一篇文章,里面有具體demo作解釋,參考一下vue.js路由vue-router(二)——路由進階

在這里我用通俗點的說法解釋上next(),next(false),next('/'),next(error),希望通過這接地氣的解釋你能掌握這幾個知識點。
背景:你乘坐汽車從A景區(qū)想趕往B景區(qū)(模擬路由A跳轉(zhuǎn)到路由B)
1.next()

你乘坐汽車要從A景區(qū)到B景區(qū),路過關(guān)卡時,守門人攔下你,你量出了next(),守門人一看沒問題,趕緊放行,于是你順利到達了B景區(qū)。

2.next(false)

如果你量出了next(false),守門人立馬關(guān)住大門,不讓你走,哪都不讓你去,你說想換個交通方式,走路或者坐飛機,都不行,老實待在A景區(qū)吧

3.next('/')

你原本打算從A景區(qū)到B景區(qū),但是走到關(guān)卡的時候由于某些原因改變了主意,想要去C景區(qū),你對守門員量出了next({path:'/C'}),守門員一看,哦,原來你不去B了,要去C啊,去吧去吧,然后你順利到達了C景區(qū)

4.next(error)

你在出發(fā)之前,給你媽媽說,媽,要是有什么事我立馬通知你,你記得查看消息?。阕粤藃outer.onError())走到中途,出現(xiàn)了意外,你發(fā)出next(error),然后你媽就收到了消息,趕緊打電話問你怎么了(執(zhí)行router.onError()里的回調(diào))

tips:最重要的是自己要吃透文檔,如果一遍不懂再看一遍,再不懂就自己寫demo去實踐

2018年8月12日 16:10