ジャンプルーティング1の小さなプログラム
1.1wx.switchTab(Objectオブジェクト)
TabBarには、ここでは、指定したページの下のナビゲーションバーで
近くのページ、および他のすべての非TabBarのページへのTabBarジャンプ
パラメータ
Objectオブジェクト
プロパティ | タイプ | デフォルト値 | 必須の | 説明 |
---|---|---|---|---|
URL | 弦 | それはあります | パスは、TabBarのページジャンプ(app.jsonの必要性に必要と タブバーの フィールドページを定義する)ではなく、パスパラメータを。 | |
成功 | 関数 | ノー | インタフェース呼出成功コールバック関数 | |
不合格 | 関数 | ノー | インターフェイスは、障害コールバック関数を呼び出します | |
コンプリート | 関数 | ノー | インタフェースは、コールバック関数の終了を呼び出す(呼び出しが成功、失敗が実行されます) |
サンプルコード
{
"tabBar": {
"list": [
{
"pagePath": "index",
"text": "首页"
},
{
"pagePath": "other",
"text": "其他"
}
]
}
}
wx.switchTab({
url: '/index'
})
1.2wx.reLaunch(Objectオブジェクト)
インフラストラクチャライブラリ1.1.0のサポート、低バージョンが作られるプロセスとの互換性。
ページを開くには、アプリケーション内のすべてのページを閉じます
パラメータ
Objectオブジェクト
プロパティ | タイプ | デフォルト値 | 必須の | 説明 |
---|---|---|---|---|
URL | 弦 | それはあります | アプリケーションページのパスにジャンプする必要があるパスをパラメータ化することができます。?パラメータは、パーティションとパス、およびキーパラメータ=パラメータ値の異なるパラメータに接続・分離の間に使用される、「?パス・キー=値&KEY2 =値2」として | |
成功 | 関数 | ノー | インタフェース呼出成功コールバック関数 | |
不合格 | 関数 | ノー | インターフェイスは、障害コールバック関数を呼び出します | |
コンプリート | 関数 | ノー | インタフェースは、コールバック関数の終了を呼び出す(呼び出しが成功、失敗が実行されます) |
サンプルコード
wx.reLaunch({
url: 'test?id=1'
})
// test Page({ onLoad (option) { console.log(option.query) } })
1.3wx.redirectTo(Objectオブジェクト)
アプリケーション内のページにジャンプし、現在のページを閉じます。しかし、ページへのタブバージャンプを許可していません。
パラメータ
Objectオブジェクト
プロパティ | タイプ | デフォルト値 | 必須の | 説明 |
---|---|---|---|---|
URL | 弦 | それはあります | 非TabBarのページを必要とするアプリケーションでのジャンプパス、パスをパラメータ化することができます。間のパス使用してパラメータ ? パーティション、パラメータ値の重要なパラメータ = の異なるパラメータに接続された & パーティションを、「?パスキー=値&KEY2など = value2の」 |
|
成功 | 関数 | ノー | インタフェース呼出成功コールバック関数 | |
不合格 | 関数 | ノー | インターフェイスは、障害コールバック関数を呼び出します | |
コンプリート | 関数 | ノー | インタフェースは、コールバック関数の終了を呼び出す(呼び出しが成功、失敗が実行されます) |
サンプルコード
wx.redirectTo({
url: 'test?id=1'
})
1.4wx.navigateTo(Objectオブジェクト)
現在のページを保持して、アプリケーション内のページにジャンプします。しかし、タブバーのページをジャンプしません。使用 wx.navigateBackは、 元のページに戻ることができます。アプレットページは10層に積み重ね。
パラメータ
Objectオブジェクト
プロパティ | タイプ | デフォルト値 | 必須の | 説明 |
---|---|---|---|---|
URL | 弦 | それはあります | 非TabBarのページを必要とするアプリケーションでのジャンプパス、パスをパラメータ化することができます。間のパス使用してパラメータ ? パーティション、パラメータ値の重要なパラメータ = の異なるパラメータに接続された & パーティションを、「?パスキー=値&KEY2など = value2の」 |
|
成功 | 関数 | ノー | インタフェース呼出成功コールバック関数 | |
不合格 | 関数 | ノー | インターフェイスは、障害コールバック関数を呼び出します | |
コンプリート | 関数 | ノー | インタフェースは、コールバック関数の終了を呼び出す(呼び出しが成功、失敗が実行されます) |
サンプルコード
wx.navigateTo({
url: 'test?id=1'
})
// test.js
Page({
onLoad(option) {
console.log(option.query)
}
})
wx.navigateTo違い1.5wx.redirectTo
1時間の次のページ(この時間はonHideメソッドを実行します)にwx.navigateToジャンプを使用して、次のページには、ボタンを引き返すます
ページがオフになっているので、あなたがバックボタンがない場合は、このページを閉じwx.redirectTo(この時点でページをジャンプすることができます2.実行するには、ライフサイクルは、その次のページのボタンへの復帰はないだろうはonUnload 、ページ)が返すことができます
1.6wx.navigateBack(Objectオブジェクト)
前のページまたはマルチレベルページに現在のページを閉じます。 getCurrentPages() 現在のページスタックを取得し、意思決定にはいくつかの層を返す必要があります。
パラメータ
Objectオブジェクト
プロパティ | タイプ | デフォルト値 | 必須の | 説明 |
---|---|---|---|---|
デルタ | 数 | それはあります | デルタは、ページの既存の番号よりも大きい場合は、ページ数が返され、その後、家に戻ります。 | |
成功 | 関数 | ノー | インタフェース呼出成功コールバック関数 | |
不合格 | 関数 | ノー | インターフェイスは、障害コールバック関数を呼び出します | |
コンプリート | 関数 | ノー | インタフェースは、コールバック関数の終了を呼び出す(呼び出しが成功、失敗が実行されます) |
サンプルコード
// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码
// 此处是A页面
wx.navigateTo({
url: 'B?id=1'
})
// 此处是B页面
wx.navigateTo({
url: 'C?id=1'
})
// 在C页面内 navigateBack,将返回A页面
wx.navigateBack({
delta: 2
})
1.1wx.switchTab(Objectオブジェクト)
TabBarには、ここでは、指定したページの下のナビゲーションバーで
近くのページ、および他のすべての非TabBarのページへのTabBarジャンプ
パラメータ
Objectオブジェクト
プロパティ | タイプ | デフォルト値 | 必須の | 説明 |
---|---|---|---|---|
URL | 弦 | それはあります | 需要跳转的 tabBar 页面的路径(需在 app.json 的 tabBar 字段定义的页面),路径后不能带参数。 | |
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例代码
{
"tabBar": {
"list": [
{
"pagePath": "index",
"text": "首页"
},
{
"pagePath": "other",
"text": "其他"
}
]
}
}
wx.switchTab({
url: '/index'
})
1.2wx.reLaunch(Object object)
基础库 1.1.0 开始支持,低版本需做兼容处理。
关闭所有页面,打开到应用内的某个页面
参数
Object object
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
url | string | 是 | 需要跳转的应用内页面路径,路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2' | |
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例代码
wx.reLaunch({
url: 'test?id=1'
})
// test Page({ onLoad (option) { console.log(option.query) } })
1.3wx.redirectTo(Object object)
关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
参数
Object object
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
url | string | 是 | 需要跳转的应用内非 tabBar 的页面的路径, 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔;如 'path?key=value&key2=value2' |
|
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例代码
wx.redirectTo({
url: 'test?id=1'
})
1.4wx.navigateTo(Object object)
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
参数
Object object
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
url | string | 是 | 需要跳转的应用内非 tabBar 的页面的路径, 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔;如 'path?key=value&key2=value2' |
|
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例代码
wx.navigateTo({
url: 'test?id=1'
})
// test.js
Page({
onLoad(option) {
console.log(option.query)
}
})
1.5wx.redirectTo与wx.navigateTo的区别
1.利用wx.navigateTo跳转到下一个页面的时候(这时候会执行onHide方法),下一个页面头部会有返回按钮
2.如果不想有返回按钮,可以用wx.redirectTo进行页面跳转(这时候关闭此页面,会执行onUnload生命周期,这样下一个页面就不会有返回按钮了,因为上一个页面已经被关闭了,没有页面可以返回)
1.6wx.navigateBack(Object object)
关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
参数
Object object
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
delta | number | 是 | 返回的页面数,如果 delta 大于现有页面数,则返回到首页。 | |
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例代码
// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码
// 此处是A页面
wx.navigateTo({
url: 'B?id=1'
})
// 此处是B页面
wx.navigateTo({
url: 'C?id=1'
})
// 在C页面内 navigateBack,将返回A页面
wx.navigateBack({
delta: 2
})