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

bug天选之子2023-08-25 23:04

使用全局变量实现数据传递在 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 相关