Introduction au développement WeChat (11) Mettre à jour les données de la page précédente

Un tel besoin est souvent nécessaire lors du développement de petits programmes. Il est nécessaire de transmettre les données de la page actuelle à la page précédente, mais wx.navigateBack() ne peut pas transmettre les données.

La méthode générale consiste à placer les données de la page actuelle dans le cache local, puis à retirer la page précédente du cache.

De plus, il existe une autre façon d'utiliser intelligemment la pile de pages.

La fonction getCurrentPages() permet d'obtenir l'instance de la pile de pages actuelle, qui est donnée sous la forme d'un tableau dans l'ordre de la pile. Le premier élément est la page d'accueil et la. le dernier élément est la page actuelle.

Le point clé est ici, récupérez l'objet instance de la page précédente sur la page actuelle, puis appelez la méthode de l'objet pour terminer le transfert de 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 un nom, cliquez sur le bouton retour pour mettre à jour le nom de la page A

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

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, et wx.redirectTo ne peut pas être utilisé. Cela fermera la page précédente et empêchera la page B de le faire. obtenir l’instance de page de la page précédente.

[Recommandations associées]

1. Téléchargement du code source de la plateforme de compte public WeChat

2. Code source de vote WeChat

3. WeChat Lala Takeaway 2.2.4 Version Open Source décryptée du code source de WeChat Rubik's Cube

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!