小程序路由传参的方法

最新推荐文章于 2024-08-30 12:45:00 发布

&ACE&

最新推荐文章于 2024-08-30 12:45:00 发布

阅读量782

点赞数

文章标签：小程序前端 javascript

本文链接：https://blog.csdn.net/weixin_59525879/article/details/132748054

版权

小程序路由传参的方法有以下几种：

Query参数传递：在跳转页面时，可以通过url后面加上?key=value的方式传递参数，例如：wx.navigateTo({url: '/pages/detail/detail?id=123'})
路由跳转传递：可以通过wx.navigateTo({url: '/pages/detail/detail', success: function(res) { res.eventChannel.emit('acceptDataFromOpenerPage', {data: '传递的数据'}) }})传递数据，接收数据的页面需要在onLoad事件中获取数据，例如：onLoad(options) { const eventChannel = this.getOpenerEventChannel() eventChannel.on('acceptDataFromOpenerPage', data => { console.log(data) }) }
全局变量传递：将需要传递的数据存储在全局变量中，目标页面在onLoad事件中获取全局变量中的数据，例如：app.globalData.data = '传递的数据'; 在目标页面的onLoad事件中获取数据：onLoad(options) { const data = app.globalData.data; console.log(data); }