wx.navigateTo 跳转时的参数传递问题

最新推荐文章于 2024-08-03 17:33:50 发布

lf_refuel

最新推荐文章于 2024-08-03 17:33:50 发布

阅读量2.9k

点赞数 2

文章标签：前端微信小程序小程序

本文链接：https://blog.csdn.net/lf_refuel/article/details/123223119

版权

wx.navigateTo 可以保留当前页，新建目标页，跳转过去。不能跳转到 tabbar 页面。在跳转的过程中可以传参，有两种传参的方案：

正向传参

假设A跳转到B，同时携带参数，A传参，B接收，这种方式为正向传参。

A页面：

wx.navigateTo({
url: '/pages/testing/b/b?id=10&name=张三&pwd=1234'
})

B页面：

Page({
data: {},
// 系统自动调用，options系统自动传入
// options封装了上一个页面传进来的参数，在此使用options形参接收
onLoad(options){
}
})

反向传参

假设A跳转到B，在B页面中进行操作的时候，将参数回传给A，这种方式为反向传参。

A页面，定义一个事件处理函数，接收B返回回来的数据：

wx.navigateTo({
url: 'xxx',
events: {
acceptCity(data){
console.log('接受到了回传回来的数据',data)
}
}
})

B页面处理完业务后，通过事件通道（ EventChannel ）回传数据：

let ec = this.getOpenerEventChannel()
ec.emit('acceptCity', 回传的数据)

关注