Wie implementiert man Jump im WeChat-Applet? (Methodeneinführung)

Wie implementiert man Jump im WeChat-Applet? Der folgende Artikel fasst für Sie verschiedene Möglichkeiten zur Implementierung von Sprüngen in WeChat-Miniprogrammen zusammen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

1. Verwenden Sie Navigationskomponenten, Beschriftungen und Seitenlinks zur Implementierung (Sie können feststellen, dass beim Klicken ein Hintergrund vorhanden ist)

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

Die Parameter lauten wie folgt

2. Fügen Sie dem Seitenlayout einen Listener für das Bindtap-Ereignis hinzu und verwenden Sie dann in der Methode wx.navigatorTo, um es zu realisieren der Sprung (behalten Sie die aktuelle Seite bei und springen Sie zur Anwendung. Für eine Seite innerhalb der Seite verwenden Sie wx.navigateBack, um zur ursprünglichen Seite zurückzukehren)

Hinzufügen des Abhörens des bindtap-Ereignisses in my.wxml

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

Implementieren Sie den Sprung in my.js

  jump:function(){
    wx.navigateTo({
      url: '../login/login',
      success: function(res) {

      },
      fail: function(res) {

      },
      complete: function(res) {

      },
    })
  }

Die Parameter lauten wie folgt

3. Springen Sie durch wx.redirectTo (Schließen Sie die aktuelle Seite und springen Sie zu einer Seite in der Anwendung)

navigateto_index: function (event) { 
 wx.redirectTo({ 
 url: '../index/index', 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 

 }

Die Parameter sind wie folgt

4 Zurück zur vorherigen Ebene über wx.navigateBack (Schließen der aktuellen Seite. Zurückkehren zur vorherigen Seite oder zur Seite einer höheren Ebene).

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

Empfohlen: „Mini-Tutorial zur Programmentwicklung“

Das obige ist der detaillierte Inhalt vonWie implementiert man Jump im WeChat-Applet? (Methodeneinführung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!