Vue路由跳轉(zhuǎn)

1.通過使用<router-link></router-link>標(biāo)簽實(shí)現(xiàn)跳轉(zhuǎn)


router-link實(shí)現(xiàn)路由跳轉(zhuǎn)

如果希望跳轉(zhuǎn)后,不保留上一個(gè)頁面的歷史記錄,可以在router-lick上加入replace

例如:<router-link to="/"? replace></router-link>

2. this.$router.push() 跳轉(zhuǎn)

(1)params跳轉(zhuǎn)

this.$router.push({path:"/", params:{id:1}})

? ????????????????????????//跳轉(zhuǎn)路徑?????//跳轉(zhuǎn)參數(shù)

(2)query跳轉(zhuǎn)

this.$router.push({path:"/", query:{id:1}})

? ????????????????????????//跳轉(zhuǎn)路徑?????//跳轉(zhuǎn)參數(shù)

3.query跳轉(zhuǎn)和params跳轉(zhuǎn)的區(qū)別

路由傳值有兩種方式,params和query,params傳值刷新頁面是要消失的,然而query卻不會(huì),兩者的區(qū)別就在于query會(huì)把傳遞的參數(shù)顯示在url地址中,就像這樣:/adminUser/001001001?jum=001001001211,參數(shù)過多的話url地址會(huì)變得非常難看,如果你并不在意url地址難看與否,那么你可以不使用params,而是使用query,只是切換個(gè)單詞而已,這是一種方法(不是最優(yōu)辦法)。

4.返回上一頁,不存在歷史記錄

this.$router.replace({

path:"/123"

})

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、router.push(location)=====window.history.pushState 除了使用...
    王哈哈wl閱讀 1,661評(píng)論 0 0
  • 現(xiàn)有如下場(chǎng)景,點(diǎn)擊父組件的li元素跳轉(zhuǎn)到子組件中,并攜帶參數(shù),便于子組件獲取數(shù)據(jù)。父組件中: methods:方案...
    豌豆莢_6d7e閱讀 246評(píng)論 0 0
  • 參考:解決vue路由跳轉(zhuǎn)未匹配路徑時(shí)出現(xiàn)空白頁的問題在進(jìn)行vue項(xiàng)目開發(fā)時(shí),常用vue-router進(jìn)行路由的導(dǎo)航...
    輕丨塵閱讀 4,630評(píng)論 0 1
  • 本文轉(zhuǎn)載于前端工匠。如有侵權(quán)聯(lián)系本人立刻刪除 一、首先帶著問題 要學(xué)習(xí)vue-ro...
    qiaoguoxing閱讀 529評(píng)論 0 1
  • 我獨(dú)愛夜色 愛寂寞的群星閃爍 不食五谷雜糧 不見人間煙火 然后,世界只剩我一人 看,白天嘰喳的鳥兒在沉睡 離開莖的...
    皇氏三墳閱讀 388評(píng)論 0 3

友情鏈接更多精彩內(nèi)容