微信小程序跳转页面并携带参数:实现页面切换和数据传递
你可以使用微信小程序的导航功能进行页面跳转,并通过URL参数携带需要的数据。
首先,在你的前一个小程序页面中,使用wx.navigateToMiniProgram函数进行跳转。该函数接受一个对象参数,其中的url字段可以指定跳转的目标小程序页面路径,并通过query字段来携带参数。
代码示例:
wx.navigateToMiniProgram({
appId: '目标小程序的AppID',
path: '目标小程序的页面路径?type=recovery¶m1=value1¶m2=value2',
success(res) {
// 跳转成功
}
})
在目标小程序的页面中,你可以通过wx.getLaunchOptionsSync函数来获取跳转时携带的参数。
代码示例:
const options = wx.getLaunchOptionsSync()
const query = options.query
const type = query.type
const param1 = query.param1
const param2 = query.param2
console.log(type) // 输出:recovery
console.log(param1) // 输出:value1
console.log(param2) // 输出:value2
注意,以上示例中的路径参数是示意性的,请根据你自己的实际情况进行修改。
另外,需要确保目标小程序在当前小程序的授权列表中,否则跳转会失败。可以在微信开发者工具中的“设置” -> “开发设置” -> “授权设置”中进行添加。
原文地址: https://www.cveoy.top/t/topic/qDDd 著作权归作者所有。请勿转载和采集!