vue router跳轉(zhuǎn)

vue router怎么跳轉(zhuǎn)呢？不知道的小伙伴來看看小編今天的分享吧!

vue-router中跳轉(zhuǎn)頁面有三種跳轉(zhuǎn)方式。

方法一：router.push()

方法二：router.replace()

方法三：router.go(n)

router.push()  跳轉(zhuǎn)指定url路徑，并向history棧中添加一個(gè)記錄，點(diǎn)擊后退會(huì)返回到上一個(gè)頁面

router.push({ path, params})

/**說明 path:跳轉(zhuǎn)路徑
*      params:參數(shù)
*/
router.push({ path:'page/index', query:{user_name:'YanGo'})

router.replace()  跳轉(zhuǎn)指定url路徑，但是history棧中不會(huì)有記錄，點(diǎn)擊返回會(huì)跳轉(zhuǎn)到上上個(gè)頁面 (就是直接替換了當(dāng)前頁面)，傳參跟push一樣

router.go(n) 向前或者向后跳轉(zhuǎn)n個(gè)頁面，n可為正整數(shù)或負(fù)整數(shù)。

拓展資料：

vue-router是什么？

vue-router就是WebApp的鏈接路徑管理系統(tǒng)。

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構(gòu)建單頁面應(yīng)用。vue的單頁面應(yīng)用是基于路由和組件的，路由用于設(shè)定訪問路徑，并將路徑和組件映射起來。傳統(tǒng)的頁面應(yīng)用，是用一些超鏈接來實(shí)現(xiàn)頁面切換和跳轉(zhuǎn)的。在vue-router單頁面應(yīng)用中，則是路徑之間的切換，也就是組件的切換。路由模塊的本質(zhì) 就是建立起url和頁面之間的映射關(guān)系。

以上就是小編今天的分享了，希望可以幫助到大家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com