前言

在做微信小程序的時候，經常會遇到需要頁面間傳遞參數的情況，根據目前項目經驗，總結了以下幾種方式：URL傳參、緩存和方法調用。

URL傳參

這種方式是最簡單也是最常用的，這里就不做過多介紹了。

緩存

雖然URL傳參比較簡單易用，但也有局限性，就是只能傳遞簡單參數，對于復雜的參數就顯得無能為力了，但很多時候我們需要傳遞的是結構比較復雜的數據，這時候很多開發者都會想到用緩存。

使用緩存我們有兩種方式：小程序自帶Storage和vuex。因為我們的項目是基于mpvue的，順帶也用了vuex了

不管是用上面哪種方式，想法都是一樣的：在跳轉頁面之前先把參數保存到緩存，進入頁面之后先獲取緩存的參數，然后清除緩存中的參數，進行業務操作。大致偽代碼如下：

// pageA.vue goToPageB() { let arg = { name: 'Jack', age: 9 } // 先把參數保存到緩存 比如這里用的是小程序的Storage，這里采用同步的方式 wx.setStorageSync({ key: 'pageArg', data: arg }) wx.navigateTo({ url: 'pageB' })}// pageB.vue mounted() { // 從緩存中取出參數 let arg = wx.getStorageSync('pageArg') // 清除緩存中的頁面參數 wx.removeStorageSync('pageArg') // 進行業務處理 // ...}

大致就是這么個邏輯，可能具體項目中會對存取緩存進行封裝，或者在vuex中的做法又不一樣，但思想是一樣的。

這樣做是可以實現功能，但總感覺不太好，每次都要進行存取操作，感覺很麻煩，而且顯得不高端。。。

于是乎，我們想了個方式傳遞，就是今天的主角：方法調用。

方法調用

這種方式肯定不是最好最優雅的解決方式，因為我們也覺得有欠缺的地方，但目前用起來還是比較方便的，今天放出來也是希望讓大家看下怎么進行修改，也以便于我們優化。

主要是用了小程序提供的 getCurrentPages 方法，具體內容可查看文檔，我這里直接就貼圖了，因為文檔說的很簡單

小程序對頁面的管理感覺跟瀏覽器中的history差不多，也是有一個頁面棧，每次跳轉頁面都是往這個棧里push一個頁面對象，返回的時候就pop一個，當然具體實現要復雜很多。

這里官方重點提示了：不要嘗試修改頁面棧，這也就是為什么我說我們的這種傳參方式不是很好的原因，我們就是 通過方法修改了這個頁面棧的數據 。

帶參數返回上一頁