微信小程序跳转

赟赟•宝贝

已于 2024-09-07 11:33:15 修改

阅读量134

点赞数 3

分类专栏：小程序文章标签：微信小程序小程序

于 2024-08-22 11:31:31 首次发布

本文链接：https://blog.csdn.net/weixin_44251262/article/details/141423489

版权

小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

总是弄混记录一下

页面跳转类型

不关闭当前页面并打开新的页面

   wx.navigateTo({
     url: '/pages/secondPage/secondPage',
   });

关闭当前页面，重定向到新的页面

   wx.redirectTo({
     url: '/pages/secondPage/secondPage',
   });

用于跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

   wx.switchTab({
     url: '/pages/tabBarPage/tabBarPage',
   });

关闭所有页面，打开到应用内的某个页面

   wx.reLaunch({
     url: '/pages/secondPage/secondPage',
   });

用于跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

页面跳转传参及接收

传参在跳转页面时将参数拼接到 URL 中，例如：
假设value1带有表情符号的json字符串，value2普通json字符串，value3普通字符串

wx.navigateTo({
  url: `/pages/secondPage/secondPage?param1=${encodeURIComponent(JSON.stringify(value1))}&param2=${JSON.stringify(value2)}&param3=${value3}`,
});

接收通过在目标页面的onLoad生命周期函数中接收参数

onLoad(options) {
    console.log(options);
    const param01 = JSON.parse(decodeURIComponent(options.param1))   
    const param02 = JSON.parse(options.param2)  
    const param03 = options.param3
    //param1的值传过来获取  options.param1
    // 可以从 options 中获取传递过来的参数
  },