小程序页面间有哪些传递数据的方法?

  • 使用全局变量实现数据传递 在 app.js 文件中定义全局变量 globalData, 将需要存储的信息存放在里面使用的时候,直接使用 getApp() 拿到存储的信息
javascript 复制代码
App({
     // 全局变量
  globalData: {
    userInfo: null
  }
})
  • 使用 wx.navigateTo 与 wx.redirectTo 的时候,可以将部分数据放在 url 里面,并在新页面 onLoad 的时候初始化
javascript 复制代码
/pageA.js

// Navigate
wx.navigateTo({
  url: '../pageD/pageD?name=raymond&gender=male',
})

// Redirect
wx.redirectTo({
  url: '../pageD/pageD?name=raymond&gender=male',
})


// pageB.js
...
Page({
  onLoad: function(option){
    console.log(option.name + 'is' + option.gender)
    this.setData({
      option: option
    })
  }
})
  • 需要注意的问题:

wx.navigateTo 和 wx.redirectTo 不允许跳转到 tab 所包含的页面

onLoad 只执行一次

  • · 使用本地缓存 Storage 相关
相关推荐
wordbaby2 分钟前
React Router 双重加载器机制:服务端 loader 与客户端 clientLoader 完整解析
前端·react.js
itslife6 分钟前
Fiber 架构
前端·react.js
3Katrina9 分钟前
妈妈再也不用担心我的课设了---Vibe Coding帮你实现期末课设!
前端·后端·设计
hubber9 分钟前
一次 SPA 架构下的性能优化实践
前端
可乐只喝可乐1 小时前
从0到1构建一个Agent智能体
前端·typescript·agent
Muxxi1 小时前
shopify模板开发
前端
Yueyanc1 小时前
LobeHub桌面应用的IPC通信方案解析
前端·javascript
我是若尘1 小时前
利用资源提示关键词优化网页加载速度
前端
moyu841 小时前
跨域问题解析(下):Nginx代理、domain修改与postMessage解决方案
前端
moyu841 小时前
跨域问题解析(上):JSONP、CORS与Node代理解决方案
前端