Résumé des méthodes pour revenir à la page précédente avec des paramètres dans l'applet WeChat (trois types)

Ce que cet article vous apporte est un résumé des méthodes (trois méthodes) pour revenir à la page précédente avec les paramètres de l'applet WeChat. Il a une certaine valeur de référence. J'espère que les amis dans le besoin pourront s'y référer. être utile pour vous aidé.

Méthode 1

Placez les données de la page actuelle dans le cache local (wx.setStorage (wx.setStorageSync), puis retirez la page précédente du cache ( wx.getStorage (wx.getStorageSync)) Videz le cache (wx.clearStorage (wx.clearStorageSync)) lors de la déconnexion en même temps

Méthode 2

. 1. La page actuelle définit les données de la page précédente, telles que

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

Bien sûr, ces "mes données" doivent être les données de la page précédente

<.>Les données renvoyées à la page précédente sont :

wx.navigateBack({
  delta: 1
})

2 Appelez directement le nom de la méthode pour mettre à jour les données Page A

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

Page B, en supposant qu'il y ait une zone de texte pour saisir le nom, après avoir cliqué sur le bouton de retour, mettez à jour le nom de la page A

De cette façon, les données peuvent être transmises à la page précédente . Veuillez noter que la page A doit utiliser wx.navigateTo pour accéder à la page B. Elle ne peut pas utiliser wx.redirectTo, ce qui fermera la page précédente, empêchant la page B d'obtenir l'instance de page précédente

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

Méthode 3 Définir les variables globales dans app.js, attribuer des valeurs à la page actuelle et à la page précédente La méthode de prise de

est

. Remarque : La première et la troisième méthodes nécessitent d'actualiser les données de la page. La méthode est :

globalData: {
  userInfo: null,
}

Articles connexes recommandés :

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

},

Exemples de code de plusieurs caches de données dans les mini-programmes WeChat

Exemples de mini-programmes WeChat : comment mettre en œuvre des comptes à rebours par lots (avec code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!