在小程序中,可以使用页面路由传递参数。有以下几种方式可以实现:
- 通过 URL 参数传递:在跳转到目标页面时,可以在 URL 中添加参数。例如:
wx.navigateTo({ url: '/pages/index/index?id=' + id })
- 在目标页面的
onLoad
方法中可以通过options
参数获取传递的参数:
onLoad(options) { const key1 = options.key1; const key2 = options.key2; }
- 通过全局变量传递:可以通过小程序的全局变量来传递参数。在跳转到目标页面之前,先将参数存储在全局变量中,然后在目标页面中读取全局变量的值。例如:
// 在跳转前存储参数到全局变量 getApp().globalData.key1 = value1; getApp().globalData.key2 = value2; // 跳转到目标页面 wx.navigateTo({ url: '/pages/targetPage/targetPage' });
- 在目标页面中可以通过
getApp().globalData
来获取全局变量的值。 - 使用
wx.setStorageSync
和wx.getStorageSync
:可以使用小程序的本地缓存来传递参数。在跳转前将参数存储在本地缓存中,然后在目标页面中读取本地缓存的值。例如:
// 在跳转前存储参数到本地缓存中 wx.setStorageSync('key1', value1); wx.setStorageSync('key2', value2); // 跳转到目标页面 wx.navigateTo({ url: '/pages/targetPage/targetPage' });
- 在目标页面中可以通过
wx.getStorageSync
来获取本地缓存中的值。