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

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

青灯夜游
青灯夜游nach vorne
2020-04-15 09:30:324651Durchsuche

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.

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

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

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

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: &#39;../login/login&#39;,
      success: function(res) {

      },
      fail: function(res) {

      },
      complete: function(res) {

      },
    })
  }

Die Parameter lauten wie folgt

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

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: &#39;../index/index&#39;, 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 

 }

Die Parameter sind wie folgt

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

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 
  } 
 })

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

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen