跨页面通信和数据传递在开发微信小程序时非常重要。本文将详细介绍微信小程序的跨页面通信机制和数据传递方式,并通过代码案例演示。
- 页面间跳转
在微信小程序中,可以通过wx.navigateTo
或wx.redirectTo
等方法来进行页面间跳转,实现不同页面之间的通信和数据传递。
下面是一个简单的页面跳转示例:
// pageA.wxml
<button bindtap="navigateToPageB">跳转到PageB</button>
// pageA.js
Page({
navigateToPageB() {
wx.navigateTo({
url: '/pages/pageB/pageB'
})
}
})
// pageB.wxml
<button bindtap="navigateBack">返回</button>
// pageB.js
Page({
navigateBack() {
wx.navigateBack()
}
})
在上面的示例中,当点击PageA
页面的按钮时,会跳转到PageB