微信小程序中的页面跳转是指通过点击按钮或触发某些事件后,将当前页面跳转到另一个页面的过程。微信小程序提供了一些路由和页面跳转的方法,本文将详细介绍这些方法和如何使用它们。
一、页面跳转方法:
- navigateTo
使用 navigateTo 方法可以实现普通的页面跳转,在新打开的页面中,可以使用 navigateBack 方法返回到原页面。跳转后的页面路径必须是小程序内的路径,例如 pages/index/index。
使用方法:通过点击某个按钮来触发跳转事件,如下所示:
// 在 button 组件的 bindtap 事件中跳转到指定路径的新页面
< button bindtap="navigateToPage">跳转到新页面</ button >
Page({
navigateToPage:function(){
// 使用navigateTo方法进行页面跳转,在新页面中展示
wx.navigateTo({
url: '/pages/newpage/newpage',
})
}
})
- redirectTo
使用 redirectTo 方法可以实现重定向页面,在新打开的页面中,无法使用 navigateBack 方法返回到原页面。
使用方法:通过点击某个按