小プログラムバインディングイベントジャンプの3つの方法
1347 ワード
1:wx.navigateTo現在のページを保存します.戻るボタンがあります.
効果:
デモの例:wxml:
wxmlと様式は同じです.js:
一つ目のwx.navigateToがジャンプしないと問題が発生した時(ほとんどはジャンプしたいインターフェースはボトムナビゲーションに対応していますので、反応がないです.この時はこの方法を使う必要があります.)js:人気のオススメ:フロントエンド、Java、プロダクトマネージャー、ウィーチャットプログラム、Pythonなどの資源を統合した大放送 .
効果:
デモの例:wxml:
js:Page({
data: {
},
//
bindViewTap: function() {
wx.navigateTo({
url: '../site/site'
})
},
onLoad: function() {
},
})
wxss:.up {
height: 80rpx;
line-height: 80rpx;
background:#44b0fc;
color: #fff;
text-align: center;
}
2:wx.redirectTo;現在のページを閉じる(戻りボタンなし)wxmlと様式は同じです.js:
Page({
data: {
},
//
bindViewTap: function() {
//2: ( )
wx.redirectTo({
url: '../site/site'
})
},
onLoad: function() {},
})
3:wx.switch Tab;tabBarページ(ボトムナビゲーション)にジャンプする一つ目のwx.navigateToがジャンプしないと問題が発生した時(ほとんどはジャンプしたいインターフェースはボトムナビゲーションに対応していますので、反応がないです.この時はこの方法を使う必要があります.)js:
Page({
data: {},
//
bindViewTap: function() {
//3: tabBar ( )
// wx.navigateTo ( , )
wx.switchTab({
url: '../me/me'
})
},
onLoad: function() {},
})
作者:いのりちゃん;技術ブログ:https://www.jianshu.com/u/05f416aefbe1 90年代前半の妹は、プログラミングが好きで、運営が好きで、苦労が多いです.仕事で出会った技術問題を総括し、記録を堅持します.