博客

微信小程序开发-页面跳转传递参数

页面跳转有四种方式，分别为wx.navigateTo、wx.redirectTo、wx.reLaunch、wx.switchTab，前面三种可通过url路径携带参数实现参数传递，如

wx.navigateTo({
        url: '/pages/detail/detail?info='+info
      })

而通过wx.switchTab跳转到tabBar页面时，无法采用上面方式传递参数，可用如下两种解决方法：
第一种，通过app.js全局变量传递参数

//app.js中
globalData: {
    info:null,
    userInfo: null
  }
//在传递参数的页面js文件中
const app=getApp()  
app.globalData.info="info"
//在接收参数的页面js文件中
const app=getApp()  
console.log('通过app.js全局变量传递参数',app.globalData.info)

第二种，通过缓存传递参数

//在传递参数的页面文件js中
wx.setStorageSync('info', info)
//在接收参数的页面文件js中
console.log('通过缓存传递参数',wx.getStorageSync('info'))