tt.navigateTo
基础库 1.0.0 版本开始支持本方法。
保留当前页面，跳转到应用内的某个页面，但是不能跳转到 tabbar 页面，使用 tt.navigateBack 可以返回到原页面。
语法
tt.navigateTo(options)参数说明
options 是 object 类型，属性如下：
| 属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
|---|---|---|---|---|---|
| url | string | 是 | 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 ‘path?key=value&key2=value2’ | 1.0.0 | |
| success | Function | 否 | 接口调用成功的回调函数 | 1.0.0 | |
| fail | Function | 否 | 接口调用失败的回调函数 | 1.0.0 | |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） | 1.0.0 |
回调成功
object 类型，属性如下：
| 属性 | 类型 | 说明 | 最低支持版本 |
|---|---|---|---|
| errMsg | string | "navigateTo:ok" | 1.0.0 |
回调失败
object 类型，属性如下：
| 属性 | 类型 | 说明 | 最低支持版本 |
|---|---|---|---|
| errMsg | string | "navigateTo:fail" + 错误信息 | 1.0.0 |
效果示例
扫码体验
请使用字节宿主APP扫码
代码示例
// pages/list
Page({
onItemClick(event) {
var sku = event.target.dataset.sku;
tt.navigateTo({
url: `/pages/detail/detail?sku=${sku}`,
success(res) {
console.log(res);
},
fail(res) {
console.log("navigateTo调用失败");
},
});
},
});// pages/detail
Page({
onLoad(options) {
console.log(options.sku);
},
});Bug & Tip
- Tip: 使用navigator组件也可以实现一样的功能。
- Tip: 小程序页面栈中最多能有 10 个页面，超过 10 个后，navigateTo 会失败。
点击纠错
评价此篇文档