Heim WeChat-Applet Mini-Programmentwicklung Zusammenfassung der Methoden zum Zurückkehren zur vorherigen Seite mit Parametern im WeChat-Applet (drei Typen)

Zusammenfassung der Methoden zum Zurückkehren zur vorherigen Seite mit Parametern im WeChat-Applet (drei Typen)

Aug 10, 2018 pm 04:17 PM
Übergabe von Seitenparametern

Was dieser Artikel Ihnen bietet, ist eine Zusammenfassung der Methoden (drei Methoden), um zur vorherigen Seite mit Parametern im WeChat-Applet zurückzukehren. Ich hoffe, dass dies für Freunde in Not hilfreich ist hilfreich sein.

Methode 1

Legen Sie die aktuellen Seitendaten in den lokalen Cache (wx.setStorage (wx.setStorageSync)) und nehmen Sie dann die vorherige Seite aus dem Cache ( wx.getStorage (wx.getStorageSync)) Leeren Sie den Cache (wx.clearStorage (wx.clearStorageSync)), wenn Sie sich gleichzeitig abmelden

Methode 2

1. Die aktuelle Seite setzt die Daten der vorherigen Seite, zum Beispiel

var pages = getCurrentPages(); // 获取页面栈
var currPage = pages[pages.length - 1]; // 当前页面
var prevPage = pages[pages.length - 2]; // 上一个页面
prevPage.setData({
  mydata: {a:1, b:2} // 假数据
})
Nach dem Login kopieren

Natürlich müssen diese „meine Daten“ die Daten auf der vorherigen Seite sein

Die Daten Zurück zur vorherigen Seite lautet:

wx.navigateBack({
  delta: 1
})
Nach dem Login kopieren

2. Rufen Sie direkt den Methodennamen auf, um die Daten zu aktualisieren Seite A

Page({
  data: {
    name: ''
  },
  ...
  ,
  //更新name
  changeData: function(name){
    this.setData({
      name: name
    })
  }
})
Nach dem Login kopieren

Seite B, vorausgesetzt, es gibt eine Textfeld zur Eingabe eines Namens, nachdem Sie auf die Schaltfläche „Zurück“ geklickt haben. Aktualisieren Sie den Namen von Seite A

Page({
  //此方法用于文本框输入回调
  inputTyping: function (e) {
    //获取页面栈
    var pages = getCurrentPages();
    if(pages.length > 1){
      //上一个页面实例对象
      var prePage = pages[pages.length - 2];
      //关键在这里
      prePage.changeData(e.detail.value)
    }
  }
})
Nach dem Login kopieren

, damit die Daten an die vorherige Seite übergeben werden können. Bitte beachten Sie, dass Seite A wx.navigateTo verwenden muss um zu Seite B zu springen. Sie können wx.redirectTo nicht verwenden, da dies die vorherige Seite schließen wird. Die vorherige Seite führt dazu, dass Seite B die vorherige Seite nicht abrufen kann. Seiteninstanz

Methode 3: Legen Sie die globale Variable in der App fest. js, weisen Sie den Wert der aktuellen Seite zu und übernehmen Sie ihn von der vorherigen Seite

Die Methode ist

globalData: {
  userInfo: null,
}
Nach dem Login kopieren

Hinweis: Methode 1 und 3 erfordern beide eine Aktualisierung der Seitendaten. Die Methode ist:

/**
* 生命周期函数--监听页面显示
*/
onShow: function () {

},
Nach dem Login kopieren
Empfohlene verwandte Artikel:

Codebeispiele für mehrere Datencaches in WeChat Mini-Programmen

Beispiele für WeChat Mini-Programme : So implementieren Sie Batch-Countdowns (mit Code)

Das obige ist der detaillierte Inhalt vonZusammenfassung der Methoden zum Zurückkehren zur vorherigen Seite mit Parametern im WeChat-Applet (drei Typen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)