学习API部分的路由API函数,编写程序,利用wx.navigateTo(Object object)和wx.navigateBack(Object object)实现不同页面的跳转和返回
时间: 2024-09-19 07:11:02 浏览: 62
在微信小程序中,API的路由功能主要用于管理应用内的页面导航。`wx.navigateTo(Object object)` 和 `wx.navigateBack(Object object)` 分别用于实现页面间的跳转和返回操作。
`wx.navigateTo` 函数示例:
```javascript
// 跳转到另一个页面
Page({
onTapGoNext() {
const target = '/pages/newPage/newPage'; // 目标页面路径
wx.navigateTo({
url: target, // 往下传目标URL
animated: true, // 是否开启动画,默认为true
success: function(res) { // 成功回调
console.log('跳转成功');
},
fail: function(err) { // 失败回调
console.error('跳转失败', err);
}
});
}
})
```
在这个例子中,当调用`onTapGoNext`方法时,会将用户导向`newPage`页面。
而 `wx.navigateBack(Object object)` 函数示例:
```javascript
Page({
onUnload() { // 页面卸载前的生命周期钩子
wx.onNavigationReady(function() { // 确保当前页面已加载完成再执行返回
wx.navigateBack({
delta: 1, // 返回上一页,delta可以指定返回的具体页数,负数表示前进
animated: true, // 是否启用动画
success: function(res) { // 成功回调
console.log('返回成功');
},
fail: function(err) { // 失败回调
console.error('返回失败', err);
}
});
});
}
})
```
这个函数会在用户点击浏览器的后退按钮、关闭当前页面或者调用`onUnload`事件时,触发页面返回。
阅读全文