1. WeChat アプレットのナビゲーション コンポーネントであるナビゲーターの使用
//pages/index/index
<navigator url = '/pages/demo/index'>跳转到demo页面</navigator>
<navigator url = '/pages/my/index'>跳转到tabBar页面</navigator>
<navigator url = '/pages/log/index' open-type="redirect">redirect替换demo页面</navigator>
<navigator url = '/pages/my/index' open-type="switchTab">跳转到tabBar页面</navigator>
<navigator url = '/pages/demo/index' open-type="reLaunch">reLaunch到demo页面</navigator>
使用上の注意と違い:
通常のジャンプではtabBarのページにはジャンプできません。switchTabを使用した場合のみtabBar関連のページにジャンプできます。
redirect はルーティング履歴の最後のページを上書きします – 履歴はインデックス ログです
reLaunch は以前の履歴をすべて上書きし、最後のページだけを残してジャンプします – デモの
switchTab は tabBar ページにジャンプし、他のすべての非 tabBar ページを閉じます
js
1.wx.navigateでルーティングジャンプを実現
新しいページにジャンプするには、新しい履歴レコードが追加されます
// /pages/router/index.js
Page({
// 普通的跳转
navigateTo() {
wx.navigateTo({
url: '/pages/logs/logs?name=小刚&age=19',
success() {
}
});
},
})
2.wx.redirectTo
// /pages/router/index.js
Page({
// 和 navigateTo 很类似,区别在于不会新增历史记录
redirectTo() {
wx.redirectTo({
url: '/pages/logs/logs?name=小刚&age=19',
});
},
});
3. wx.navigateBack は
ページを返します。パラメータ delta は、返す最初の数ページを指定できます。
getCurrrenPages() と組み合わせてページ スタックを取得し、ロールバックするステップ数を決定します。
// /pages/router/index.js
Page({
// 返回页面
navigateBack() {
wx.navigateBack({
// 回退多少步
delta: 0,
});
},
});
2. ルーティングジャンプページでパラメータの受け渡しを行う
方法 1: URL スプライシング パラメータ
<navigator url = '/pages/demo/index?name=小明&age=18'>跳转到demo页面</navigator>
//在onLoad方法中接收参数
onLoad({
name,age){
}
方法 2:
をクリックします。
<van-cell title="哼唧家园" mark:point="哼唧家园" bind:tap="getBuilding" is-link />
//接收参数
getBuilding(ev){
console.log(ev.mark.point)
}