微信小程序> 微信小程序——路由跳转传递参数

微信小程序——路由跳转传递参数

浏览量:536 时间: 来源:叶落森

  • navigateToredirectTo 只能打开非 tabBar 页面。
  • switchTab 只能打开 tabBar 页面。
  • reLaunch 可以打开任意页面。
  • 页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
  • 调用页面路由带的参数可以在目标页面的onLoad中获取

案例:

方法一:

//A页面  实现跳转jump: function () {    let a = 1;    let b = 2;     wx.navigateTo({         url: '/page/b/b?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}

方法二:

//A页面jump: function () {    let a = 1;    let b = 2;     wx.navigateTo({         url: '/page/b/b?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(',');//字符串转组    console.log(dataArr);//[1,2]    console.log(dataArr[0]);//1    console.log(dataArr[1]);//2}

 

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

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