微信小程序onShow获取options方法

最新推荐文章于 2025-10-09 13:35:31 发布

原创最新推荐文章于 2025-10-09 13:35:31 发布 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #javascript

本文详细介绍了在小程序开发中，onLoad()和onShow()两个生命周期函数在获取页面url参数时的不同。onLoad()可以在其选项对象中直接获取参数，而onShow()则无法直接获取，但可以通过getCurrentPages()方法获取当前页面的options。对于需要在onShow()中使用页面参数的情况，提供了一个有效的解决方法。

onShow() 事件不接受参数，因此无法获取页面 url 传递过来的参数，只有 onLoad() 事件可以。

onLoad(options){
  console.log(options)	//正常打印出 options 值
}
onShow(options){
  console.log(options)	//打印值为 undefined
}

onShow() {
  // 获取当前小程序的页面栈
  let pages = getCurrentPages();
  // 数组中索引最大的页面--当前页面
  let currentPage = pages[pages.length-1];
  // 打印出当前页面中的 options
  console.log(currentPage.options)		//正常打印出 options 值
},