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

编程知识 更新时间:2023-04-04 02:14:02

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


页面跳转有四种方式,分别为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'))

更多推荐

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

本文发布于:2023-04-04 02:14:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/a8b13e9b6fbc1326d60466089c713baf.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:跳转   程序开发   参数   页面   微信小

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 40678文章数
  • 14阅读数
  • 0评论数