微信小程序开发可以使用 wx.navigateTo 和 wx.redirectTo 来实现页面跳转。这两个 API 的区别在于:
- wx.navigateTo 用于保留当前页面,跳转到应用内的另一个页面。新页面打开后,原页面仍然存在,可以通过左上角的返回按钮回到原页面。
- wx.redirectTo 用于关闭当前页面,跳转到应用内的另一个页面。新页面打开后,原页面将被销毁,不再存在。
具体实现方法如下:
1. 在需要触发跳转的组件上绑定事件,例如在一个 button 组件上绑定一个 tap 事件。
```
<button bindtap="gotoPage">跳转到新页面</button>
```
2. 在对应的 Page 对象中定义事件处理函数 gotoPage。
```
Page({
gotoPage: function() {
wx.navigateTo({
url: '/pages/new-page/new-page'
})
}
})
```
其中,url 属性指定跳转的目标页面路径。
这样,当用户点击按钮时,就会触发跳转事件,跳转到指定的页面。你也可以使用 wx.switchTab 和 wx.reLaunch 来实现不同的页面跳转需求。