微信小程序 路由跳转及传参

1.navigateTo  保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

2.redirectTo  关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

3.reLaunch   关闭所有页面,打开到应用内的某个页面

4.switchTab   跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

//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
 
}

 

 

posted @   婷baby  阅读(6035)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
点击右上角即可分享
微信分享提示