ホームページ  >  記事  >  WeChat アプレット  >  WeChat アプレットにジャンプを実装するにはどうすればよいですか? (手法の紹介)

WeChat アプレットにジャンプを実装するにはどうすればよいですか? (手法の紹介)

青灯夜游
青灯夜游転載
2020-04-15 09:30:324628ブラウズ

WeChat アプレットでジャンプを実装するにはどうすればよいですか?次の記事では、WeChat ミニ プログラムでジャンプを実装するいくつかの方法をまとめています。一定の参考値があるので、困っている友達が参考になれば幸いです。

WeChat アプレットにジャンプを実装するにはどうすればよいですか? (手法の紹介)

#1. これを実現するには、ナビゲーション コンポーネント、ラベル、ページ リンクを使用します (クリックすると背景があることがわかります)

<!-- sample.wxml -->
<view class="btn-area">
  <navigator url="../my/my">跳转到新页面</navigator>
</view>

パラメータは次のとおりです

WeChat アプレットにジャンプを実装するにはどうすればよいですか? (手法の紹介)

#2.bindtap イベントのリスナーをページ レイアウトに追加し、メソッドで次を使用します。 wx.navigatorTo でジャンプを実装します (現在のページを保持し、アプリケーションのページ内の特定のページにジャンプします。元のページに戻るには wx.navigateBack を使用します)

監視バインドタップ イベントを my に追加します。 .wxml

<view bindtap=&#39;jump&#39;>跳转</view>

my.js でジャンプを実現

  jump:function(){
    wx.navigateTo({
      url: &#39;../login/login&#39;,
      success: function(res) {

      },
      fail: function(res) {

      },
      complete: function(res) {

      },
    })
  }

パラメータは次のとおりです

WeChat アプレットにジャンプを実装するにはどうすればよいですか? (手法の紹介)

3. wx を介してジャンプします.redirectTo (現在のページを閉じて、アプリケーション内のページにジャンプします)

navigateto_index: function (event) { 
 wx.redirectTo({ 
 url: &#39;../index/index&#39;, 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 

 }

パラメータは次のとおりです

WeChat アプレットにジャンプを実装するにはどうすればよいですか? (手法の紹介)

# 4. wx.navigateBack を通じて前のレベルに戻ります (現在のページを閉じます。前のページまたはさらに上のレベルのページに戻ります)。

wx.navigateBack({ 
  delta: 1, // 回退前 delta(默认为1) 页面 
  success: function (res) { 
  // success 
  }, 
  fail: function () { 
  // fail 
  }, 
  complete: function () { 
  // complete 
  } 
 })

WeChat アプレットにジャンプを実装するにはどうすればよいですか? (手法の紹介)

推奨: 「小さなプログラム開発チュートリアル

以上がWeChat アプレットにジャンプを実装するにはどうすればよいですか? (手法の紹介)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。