ミニプログラムでページジャンプを実装する方法-ミニプログラム開発-php.cn

ミニプログラムでページジャンプを実装する方法

coldplay.xixi

リリース： 2020-08-31 10:51:46

オリジナル

13016 人が閲覧しました

ミニプログラムでページジャンプを実装する方法: 1. ナビゲーションコンポーネント、ラベル、およびページリンクを使用してそれを実現します; 2. ページレイアウトにバインドタップイベントのリッスンを追加し、[wx.navigatorTo ]をメソッドに記述し、ジャンプを実現する; 3. [wx.redirectTo]でジャンプを実現する。

ミニプログラムでページジャンプを実装する方法

#[関連する学習の推奨事項: 小プログラム開発]

ミニプログラムでページジャンプを実装する方法:

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

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

ログイン後にコピー

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

ミニプログラムでページジャンプを実装する方法

2.bindtap イベントのリスナーをページレイアウトに追加し、メソッド内で wx.navigatorTo を使用して実装します。 Jump (現在のページを保持し、アプリケーション内のアプリケーションにジャンプします。特定のページについては、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) {
 
   },
  })
 }

ログイン後にコピー

## でジャンプすることを実現 ##パラメータは次のとおりです

ミニプログラムでページジャンプを実装する方法 3. wx.redirectTo を介してジャンプします (現在のページを閉じて、次のページにジャンプします)

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

ログイン後にコピー

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

ミニプログラムでページジャンプを実装する方法 4. wx.navigateBack を通じて前のレベルに戻ります (現在のページを閉じます。戻る)前のページまたは複数レベルのページ)。

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

ログイン後にコピー

ミニプログラムでページジャンプを実装する方法