微信小程序> 微信小程序路由跳转时传递多个参数

微信小程序路由跳转时传递多个参数

浏览量:505 时间: 来源:豆i浆
 

在微信小程序中一般情况给跳转的目标URL传递的参数数量远不止一个,以下提供两种方式实现路由跳转时传递多个参数的方法

第一种:

//实现跳转的A页面jump: function () {    let a = 1;    let b = 2;     wx.navigateTo({         url: '/page/vipOrder/vipOrder?data=' + [a, b],     }) }
//接收参数的B页面onLoad: function (options) {    //此时A页面传递的参数由options接收,A页面传递参数时的参数名叫data,所以B页面想拿到A页面传递的参数使用对象方式取    let data = options.data;    console.log(data);//得到的结果是  1,2  是一个字符串    let dataArr = options.data.split(',');//使用split方法将字符串分割为数组    console.log(dataArr);//此时得到的结果是 [1,2] 变成一个数组    console.log(dataArr[0]);//输出结果  1    console.log(dataArr[1]);//输出结果  2}

第二种:

//实现跳转的A页面jump: function () {    let a = 1;    let b = 2;     wx.navigateTo({         url: '/page/vipOrder/vipOrder?data1=' + a + '&data2=' + b//这个就是我们平时对接接口传递参数的方式了 使用第一个使用 ? 号 之后的使用 &  拼接     }) }
//接收参数的B页面onLoad: function (options) {    //此时A页面传递的参数由options接收,A页面传递参数时的参数名分别叫data1和data2,所以B页面想拿到A页面传递的参数拿对应的参数名即可    let data1 = options.data1;    let data2 = options.data2;    console.log(data1);//输出的结果是  1    console.log(data2);//输出的结果是  2}
 

以上就是本文的全部内容 ,希望帮助到你

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎