您好,小程序模板欢迎您。
小程序模板
当前位置 : 首页> 小程序教程> 微信小程序不同tabbar页面之间如何用全局变量传递参数?

微信小程序不同tabbar页面之间如何用全局变量传递参数?

在微信小程序不同的 tabbar 页面之间传递参数:

// app.js
App({
  globalData: {
    userInfo: null
  }
})

// page1.js
const app = getApp()

Page({
  onLoad() {
    app.globalData.userInfo = {
      name: '张三',
      age: 20
    }
  }
})

// page2.js
const app = getApp()

Page({
  onLoad() {
    const userInfo = app.globalData.userInfo
    console.log(userInfo)
  }
})


在上述代码中,我们在 app.js 中定义了一个 globalData 对象,用于存储全局变量。

在 page1.js 中,在页面加载时将一个包含姓名和年龄的对象赋值给 app.globalData.userInfo。

在 page2.js 中,在页面加载时从 app.globalData.userInfo 中读取该对象,并输出到控制台。


需要注意的是,由于 getApp() 方法返回的是小程序 App 实例,因此可以通过 getApp().globalData 访问全局变量。

同时,由于全局变量的作用域是整个小程序,因此可以在不同的页面之间共享数据。

联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了