this.$router.push、this.$router.replace、this.$router.go的區別

1.this.$router.push()

描述:跳轉到指定的url,但這個方法回向history添加一個記錄,點擊后退會返回到上一個頁面。
用法:

// 1字符串
this.$router.push('/user/order')
// 2對象
this.$router.push({ path: '/user/order' })
//3傳參
this.$router.push({ path: '/user/order', query: {id: 123} })
//3-1取參數
this.$route.query.id
//4命名的路由
this.$router.push({ name: '/user/order', params: {id: 123} })
//4-1取參數
this.$route.params.id
2.this.$router.replace()

描述:同樣是跳轉到指定的url,但是這個方法不會向history里面添加新的記錄,點擊返回,會跳轉到上上一個頁面。上一個記錄是不存在的。
用法:同this.$router.push()

3.this.$router.go(n)

相對于當前頁面向前或向后跳轉n個頁面。n可為正數可為負數。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 編程式導航 1 .用在可復用的路由視圖里面,比如所有的需要跳轉到一個文章具體內容的路由,每一次跳轉到新路由的時候,...
    skoll閱讀 666評論 0 1
  • 那這次呢?我決定直接就先放一個小小demo上來 其實我們在引入vue-router插件那一刻,我們的網頁就已經附帶...
    看物看霧閱讀 836評論 0 1
  • 一、router簡單函數 1.this.$router.push() 描述:跳轉到不同的url,但這個方法回向hi...
    樊小勇閱讀 2,080評論 0 14
  • SPA單頁應用 傳統的項目大多使用多頁面結構,需要切換內容的時候我們往往會進行單個html文件的跳轉,這個時候受網...
    視覺派Pie閱讀 11,882評論 1 55
  • 不知不覺已經到了該回去工作的時間了,突然內心無比不舍,但是卻又得面對不得不走的無奈。人生這樣的相聚和分別已經上演過...
    簡潔一生閱讀 566評論 0 2