在小程序中,可以使用页面路由传递参数。有以下几种方式可以实现:
- 通过 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
来获取全局变量的值。文章来源:https://www.toymoban.com/news/detail-797576.html - 使用
wx.setStorageSync
和wx.getStorageSync
:可以使用小程序的本地缓存来传递参数。在跳转前将参数存储在本地缓存中,然后在目标页面中读取本地缓存的值。例如:// 在跳转前存储参数到本地缓存中 wx.setStorageSync('key1', value1); wx.setStorageSync('key2', value2); // 跳转到目标页面 wx.navigateTo({ url: '/pages/targetPage/targetPage' });
在目标页面中可以通过
wx.getStorageSync
来获取本地缓存中的值。文章来源地址https://www.toymoban.com/news/detail-797576.html
到了这里,关于小程序页面路由传参的方法?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!