位置:电子教程 > 微信小程序入门教程 (如果看不到内容请使用360浏览器) 推荐学习资源
小程序起步
小程序基础知识
小程序基础语法
当前阅读教程:微信小程序入门教程 > 通过url来传递参数
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 事件的定义和使用 下一篇: 暂无

我们在微信小程序开发中,从产品列表或者信息列表跳转到具体页面的时候,需要带上产品的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-->
    })    
  },



上一篇: 事件的定义和使用 下一篇: 暂无
毕业设计网             广告联系QQ:45157718(微信同号)