扫描二维码 上传二维码
选择防红平台类型,避免链接被拦截
选择允许访问的平台类型

小程序中实现链接跳转并传递参数的方法

在小程序开发的旅程中,页面间的参数传递始终是一项核心需求。借助链接跳转携带参数的方式,不仅高效,还能为用户带来流畅的操作体验。今天,我们将深入探讨如何在“快缩短网址”(suo.run)的小程序中优雅地实现这一功能。

假设我们有一个页面A,希望向页面B传递参数param1param2。在页面A中,我们只需巧妙地构建跳转链接即可完成任务:



wx.navigateTo({
url: '/pages/pageB/pageB?param1=value1&param2=value2'
});


当页面B接收到这些参数时,我们可以通过onLoad生命周期函数轻松提取它们:

Page({
onLoad: function (options) {
console.log(options.param1); // 输出 value1
console.log(options.param2); // 输出 value2
}
});


如果目标页面是tabBar页面,我们则需稍作调整,在跳转链接中加入switchTab: true的配置:

wx.switchTab({
url: '/pages/tabBarPageB/tabBarPageB?param1=value1&param2=value2'
});




不仅如此,我们还能传递更为复杂的参数结构,例如一个嵌套的对象。在页面A中,可以这样传递:

wx.navigateTo({
url: '/pages/pageB/pageB?obj={"param1":"value1","param2":"value2"}'
});


而在页面B中,我们同样能够顺利解析:



Page({
onLoad: function (options) {
console.log(JSON.parse(options.obj).param1); // 输出 value1
console.log(JSON.parse(options.obj).param2); // 输出 value2
}
});


通过这种方式,我们不仅实现了页面间的无缝衔接,还赋予了小程序更多可能性。“快缩短网址”(suo.run)以简洁与高效为核心理念,让每一次跳转都充满智慧与温度。无论是传递简单字符串还是复杂对象,这种机制都能游刃有余地满足需求,为用户打造更优质的交互体验。