我们在微信小程序开发中，从产品列表或者信息列表跳转到具体页面的时候，需要带上产品的id或者信息的id作为参数，这样我们在详细页面就可以根据id来获取对应的详细信息了。

这里通过案例来讲解。假设有A页面和B页面，A页面通过url+参数链接到B页面，B页面通过参数获取传递过来的值。

A页面的WXML代码示例

小白教程网www.2d5.net

<navigator url='/pages/04form/02-b?id=123'><!--?后面的是参数，多个参数使用&连接-->
  <view>A页面传递参数到B页面</view>
</navigator>

B页面的WXML显示参数的如下：

页面传递过来的参数：{{myid}}

.js页面获取参数的代码示例

小白教程网www.2d5.net

 /*** 页面的初始数据*/
  data: {
    myid:""
  },
  /*** 生命周期函数--监听页面加载*/
  onLoad: function (options) {<!—options 为系统参数-->
    console.log(options.id) <!--options.id 这里的值是123-->
    this.setData({
      myid: options.id  <!—获取到上个页面传递过来的id的值后，我们将值赋值给变量myid-->
    })    
  },