首页 > 技术文章 > 微信小程序页面通信

NorthHarbor 2020-03-13 13:22 原文

微信小程序页面通信

方式一:通过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

推荐阅读