微信小程序关于Navigator和wx.navigateTo两种页面间跳转方法的传参问题

版权声明：本文为博主原创文章，未经允许不得转载。 https://blog.csdn.net/Jekin_KE/article/details/83190276

微信小程序在数据传递上分为两种：一种是页面内数据的传递，一种是页面间跳转的数据传递。
页面内数据的传递我们暂且不谈，在这里要说的是页面间跳转的数据传递中比较常用的两种方法：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”；