最近專案中涉及到跨頁面傳引數和後台進行資料互動，看到需求之後第一反應就是用路由傳參來解決；vue中給我們提供了三種路由傳參方式，下面我們乙個乙個的來看一下：
方法一：params傳參：
this.$router.push(
}) //
這個元件對應的路由配置
通過params傳遞引數，如果我們想獲取id的 引數值，我們可以通過this.$route.params.id這種方式來列印出來就可以得到了；（注意：獲取引數的時候是$route，跳轉和傳參的時候是$router）
方法二：路由屬性配置傳參：
this.$router.push(",
}) //
這個元件對應的路由配置
通過路由屬性配置傳參我們可以用this.$route.params.id來獲取到id的值，注意this.$router.push方法裡面路徑帶的是值，路由配置項那裡帶的是變數名(屬性名)來實現的對應；
以上兩種傳參方式基本上可以理解為ajax中的post請求方式，引數都是不可見的，但是上面兩種方法都有乙個弊端，就是當頁面重新整理了是獲取不到引數值的，那麼有沒有一種方法是頁面重新整理之後引數依然存在呢？
方法三：query傳參
this.$router.push(
})
//這個元件對應的路由配置
第三種方式是用query來傳參，這種方式是可以解決頁面重新整理引數消失問題的，這種方式可以理解為是ajax中的get方法，引數是直接在url後面新增的，引數是可見的，所以解決頁面重新整理引數消失問題建議使用方法三來解決；
其實解決頁面重新整理引數丟失問題的方案還有很多，比如把引數存在sessionstorange或者localstorange中都是可行的，不過我們既然用vue框架，就要用vue的方式來解決問題。這裡只是想告訴大家，問題的解決方案可以多種多樣，要學會用多種方式或者說多種方案來解決乙個問題，不要有太多的侷限性！
Vue路由傳參頁面重新整理丟失
今天做乙個專案,頁面直接傳遞的引數都非常好,但是一重新整理就各種報錯,一查原來url後面的傳遞的引數丟失了,於是便去找解決方案,下面總結一下 vue中給我們提供了三種路由傳參方式，下面我們乙個乙個的來看一下 方法一 params傳參 this router.push 這個元件對應的路由配置 通過pa...
vue router 路由傳參，重新整理頁面引數丟失
常見場景 點選列表的詳情，跳轉到詳情內頁，在內頁根據傳遞的引數獲取詳情資料。路由傳參一般有如下幾種方式，下面主要介程式設計式導航 router.push 的傳參方式 方法一 通過 params 傳參 路由配置如下 列表中的傳參 godetail row 詳情頁獲取引數 this.route.para...
vue跳轉傳參 隱藏引數 引數重新整理頁面問題
路由時用的用的router，官網給的傳參方式query，params。可是問題是 query傳參會在url顯示傳的引數，params傳參可以隱藏但是一重新整理頁面params裡的引數就沒了很蛋疼 用vuex儲存變數來解決，但是問題來了如果好多頁面都是這種那不是要定義好多變數。讓後想到動態新增物件屬性...