Vue攜帶引數跳轉頁面以及防止引數丟失

最近公司專案重構，前後端分離，主後端開發的我依然逃不過寫前端的命運(說好的前後端分離呢)使用vue的時候遇到了跳轉頁面的問題

不帶參跳轉

先說跳轉，跳轉的話，很簡單，一段**就可以實現

this

.$router.
push
('/你要跳轉的位址'
)

帶參跳轉

有的時候需要攜帶引數，實現如下

this

.$router.
push(}
)

這種方式跳轉到新頁面之後，一旦重新整理，攜帶的引數會消失，需要注意

帶參跳轉且重新整理不丟失引數

為了防止引數丟失，將params替換成為query即可

this

.$router.
push(}
)

(第一種不一定是post傳參請注意！)

vue頁面跳轉引數傳遞

前段時間專案用vue搭建整個前端頁面，我負責的模組有個地方在頁面跳轉時得將引數傳遞到下乙個頁面，但是由於引數較多，用url帶引數傳遞不是特別好，我嘗試了多種方法想在頁面之間傳遞引數都沒成功，最後想到了vuex，當時又是剛開始學vue對vuex更是了解不多廢了一點時間，好在問題解決了，下面分享我解決問...

Vue 頁面跳轉與引數傳遞

1 不帶引數跳轉 about button router link button router link 2 帶引數跳轉 button router link button router link 3.接收引數 以query方式接收引數 query傳遞資料是通過url傳遞的，類似ajax中的get方...

vue 路由跳轉以及引數獲取

路由跳轉 query傳參 this.router.push query傳參 獲取引數 const id this.route.query.id 路由跳轉 params傳參 this.router.push params傳參 獲取引數 const id this.route.params.id 區別 ...