微信小程序關於Navigator和wx.navigateTo兩種頁面間跳轉方法的傳參問題

微信小程序在數據傳遞上分爲兩種：一種是頁面內數據的傳遞，一種是頁面間跳轉的數據傳遞。
頁面內數據的傳遞我們暫且不談，在這裏要說的是頁面間跳轉的數據傳遞中比較常用的兩種方法：Navigator和wx.navigateTo

1.Navigator方法

在官方文檔中Navigator屬性如下：

這是正常情況下的頁面跳轉，該方法通常寫在xxx.wxml頁面下。

<view class="btn-area">
  <navigator url="/page/navigate/navigate" hover-class="navigator-hover">跳轉到新頁面</navigator>
</view>

如果需要傳遞頁面的數據參數到跳轉的頁面：

<view class="btn-area">
  <navigator url="/page/navigate/navigate?title={{navigate}}" hover-class="navigator-hover">跳轉到新頁面</navigator>
</view>

2.wx.navigateTo方法

該方法是屬於API，在官方文檔中wx.navigateTo屬性如下：

這是正常情況下的頁面跳轉，該方法通常寫在xxx.js頁面下。

wx.navigateTo({
  url: 'test'
})

如果需要傳遞頁面的數據參數到跳轉的頁面：

wx.navigateTo({
  url: 'test?id='+e.detail.value
})

注意：

Ⅰ.Navigator中如果需要直接傳遞具體數據則將title={{navigate}}改爲title=name。

Ⅱ.wx.navigateTo中傳遞參數和直接傳遞具體數據有區別：

前者爲 url: “test?id=”+e.detail.value；

後者爲url: “test?id=2”；