微信小程序页面通信

目录

• 微信小程序页面通信
  • 方式一：通过URL
  • 方式二：通过全局变量
  • 方式三：通过本地存储
  • 方式四：通过路由栈

微信小程序页面通信

方式一：通过URL

// A 页面
wx.navigateTo({
	url: '/pages/index/index?id=1'
})

// index 页面
onLoad(options) {
	console.log(options.id)  // 1
}

方式二：通过全局变量

// a 页面
getApp().PageToPageParams.id = 1

// index 页面
console.log(getApp().PageToPageParams.id) // 1

方式三：通过本地存储

// a 页面
wx.setStorageSync('id', 1)

// index 页面
 wx.getStorageSync('id')

方式四：通过路由栈

// a 页面
wx.navigateTo({
	url: '/pages/index/index'
})

// index 页面
const pages = getCurrentPages()
const prePage = pages[pages.length - 2]  // 获取 a 页面 page 对象
console.log(prePage.data.id)  // 获取 a 页面中 data 中的id