跳到主要内容

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

参考答案：

小程序页面之间传递数据的方法主要有以下几种：

  1. 页面跳转时传值：在使用 wx.navigateTo 或 wx.redirectTo 进行页面跳转时，可以通过 url 参数来传递数据。例如：
wx.navigateTo({
  url: '/pages/destination/destination?name=value'
})

在目标页面中，可以通过 this.options 获取传递的参数：

Page({
  onLoad: function(options) {
    console.log(options.name) // 输出 'value'
  }
})
  1. 全局变量：使用 getApp() 获取应用实例，然后在应用实例上设置或获取全局变量。这样在任何页面都可以获取或修改这些全局变量。
// 在 App() 中
App({
  globalData: {
    userInfo: null
  }
})

// 在其他页面中
const appInstance = getApp()
appInstance.globalData.userInfo = 'new value'
  1. 本地存储：使用 wx.setStorageSync 和 wx.getStorageSync 方法来在本地存储中保存和获取数据。这样，即使在不同的小程序会话中，也可以访问这些数据。
// 保存数据
wx.setStorageSync('key', 'value')

// 获取数据
const value = wx.getStorageSync('key')
  1. 事件总线（Event Bus）：虽然小程序并没有内置的事件总线机制，但你可以自己实现一个。例如，可以创建一个管理事件的对象，并在需要的时候触发或监听事件。
// 在某个文件中
const eventBus = {}

// 触发事件
eventBus.trigger = function(key, data) {
  const callbacks = eventBus[key] || []
  callbacks.forEach(fn => fn(data))
}

// 监听事件
eventBus.on = function(key, callback) {
  if (!eventBus[key]) {
    eventBus[key] = []
  }
  eventBus[key].push(callback)
}

// 移除监听
eventBus.off = function(key, callback) {
  if (!eventBus[key]) return
  const index = eventBus[key].indexOf(callback)
  if (index !== -1) {
    eventBus[key].splice(index, 1)
  }
}

// 在其他文件中
eventBus.on('someEvent', (data) => {
  console.log(data)
})

// 在需要的时候触发事件
eventBus.trigger('someEvent', { someData: 'value' })
  1. 页面栈：使用 getCurrentPages() 方法可以获取当前页面栈的实例数组，通过修改这些实例的数据，也可以实现页面间的数据传递。但这种方法不推荐使用，因为它破坏了小程序的数据流和页面结构，可能导致不可预见的问题。

以上就是小程序页面之间传递数据的主要方法。具体使用哪种方法，需要根据实际需求和场景来选择。