概述

微信小程序实现跳转到其他页面可以使用wx.navigateTo方法,该方法保留当前页面的导航方式,用户可以通过左上角的返回按钮返回到原页面,跳转时还可以传递参数给目标页面

如果想要关闭当前页面并跳转到目标页面,可以使用wx.redirectTo方法

代码实现

不传递参数

1
2
3
wx.navigateTo({
url: '/pages/somePage/somePage',
})

传递参数

直接在url中拼接要传递的参数

1
2
3
wx.navigateTo({
url: '/pages/somePage/somePage?id=1&name=example',
})

在目标页面中,通过onLoad生命周期函数接收这些参数

1
2
3
4
onLoad: function(options) {
console.log(options.id) // 输出: 1
console.log(options.name) // 输出: example
}