小プログラムバインディングイベントジャンプの3つの方法


1:wx.navigateTo現在のページを保存します.戻るボタンがあります.
効果:
デモの例: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年代前半の妹は、プログラミングが好きで、運営が好きで、苦労が多いです.仕事で出会った技術問題を総括し、記録を堅持します.
  • 人気のオススメ:フロントエンド、Java、プロダクトマネージャー、ウィーチャットプログラム、Pythonなどの資源を統合した大放送
  • .