小程序路由传参的方法

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

  1. Query参数传递:在跳转页面时,可以通过url后面加上?key=value的方式传递参数,例如:wx.navigateTo({url: '/pages/detail/detail?id=123'})

  2. 路由跳转传递:可以通过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) }) }

  3. 全局变量传递:将需要传递的数据存储在全局变量中,目标页面在onLoad事件中获取全局变量中的数据,例如:app.globalData.data = '传递的数据'; 在目标页面的onLoad事件中获取数据:onLoad(options) { const data = app.globalData.data; console.log(data); }

你可能感兴趣的:(小程序,前端,javascript)