微信小程序开发中的路由与页面跳转方法是指在小程序中进行页面之间的切换和跳转的方式。小程序提供了多种路由和页面跳转的方法,包括页面栈管理、路由传参、页面间通信等。下面将详细介绍这些方法的使用。
- 页面栈管理 页面栈管理是小程序中一种常用的页面跳转方式。小程序的页面栈管理类似于浏览器的历史记录,每当打开一个新页面时,当前页面就会被加入页面栈中,返回时则是从页面栈中取出上一个页面进行显示。
小程序的页面栈管理通过wx.navigateTo和wx.navigateBack两个API来实现。wx.navigateTo用于打开一个新页面,wx.navigateBack用于返回上一个页面。
下面是使用页面栈管理的代码示例:
// 打开新页面 wx.navigateTo({ url: '/pages/pageA/pageA' })
// 返回上一个页面 wx.navigateBack()
- 路由传参 在小程序中,我们经常需要在页面之间传递参数。小程序提供了两种方式来进行参数传递,一种是通过URL传参,另一种是通过页面栈传参。
通过URL传参可以将参数作为URL的一部分进行传递,通过页面的options参数获取传递的参数。
下面是使用URL传参的代码示例:
// 发起页面跳转,并传递参数 wx.navigateTo({ url: '/pages/pageA/pageA?id=123' })
// 在页面A中获取传递的参数 onLoad: function(options) { console.log(options.id) // 输出 123 }
通过页面栈传参则是在页面跳转时,将参数作为参数对象一起传递给目标页面,在目标页面的data中获取传递的参数。
下面是使用页面栈传参的代码示例: