快捷導(dǎo)航

微信小程序返回上一頁(yè)刷新組件數(shù)據(jù)的示例代碼

更新時(shí)間：2024年03月11日 10:23:24 作者：迪盧克的現(xiàn)任

這篇文章主要介紹了微信小程序返回上一頁(yè)刷新組件數(shù)據(jù)的相關(guān)資料,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧

微信小程序返回上一頁(yè)刷新組件數(shù)據(jù)

在父頁(yè)面的onShow和onHide里面添加一個(gè)標(biāo)志

onShow() {
        this.setData({
          show:true
      })
    },
    onHide() {
      this.setData({
        show:false
    })
    },

把這個(gè)值傳給子組件

<importantList slot="importantConcern" flag="{{barSelect}}" flag2="{{show}}" />

在子組件的properties方法里面進(jìn)行判斷當(dāng)flag2為true的時(shí)候調(diào)用刷新函數(shù)刷新

 properties: {
    flag: {
      type: String,
      observer: function(news) {
       if(news==='importantConcern'){
         this.getnewTablist(this.data.code)
       }
      }
    },
    flag2: {
      type: String,
      observer: function(news) {
       if(news==='true'&&news==='importantConcern'){
         this.getnewTablist(this.data.code)
       }
      }
    },
  },

補(bǔ)充：

微信小程序返回上一級(jí)頁(yè)面并自動(dòng)刷新數(shù)據(jù)

前言

界面由A到B，在由B返回A，觸發(fā)刷新動(dòng)作

一、獲取小程序棧

界面A代碼

 shuaxin(){
   //此處可進(jìn)行接口請(qǐng)求從而實(shí)現(xiàn)更新數(shù)據(jù)的效果
   console.log("刷新本頁(yè)面數(shù)據(jù)啦")
 },

界面B代碼

// 返回觸發(fā)事件上
// Taro代碼為例
goBack(){
    let pages = Taro.getCurrentPages();   //獲取小程序頁(yè)面棧
    let beforePage = pages[pages.length -2];  //獲取上個(gè)頁(yè)面的實(shí)例對(duì)象
    beforePage.shuaxin();   //觸發(fā)上個(gè)頁(yè)面自定義的shuaxin方法
    wx.navigateBack({         //返回上一頁(yè)  
      delta:1
    })
},

二、生命周期觸發(fā)

代碼如下（示例）：

componentDidShow (){}

在小程序環(huán)境中對(duì)應(yīng)頁(yè)面的 onShow。

頁(yè)面顯示/切入前臺(tái)時(shí)觸發(fā)。

總結(jié)

Taro React生命周期函數(shù)

到此這篇關(guān)于微信小程序返回上一頁(yè)刷新組件數(shù)據(jù)的文章就介紹到這了,更多相關(guān)微信小程序返回上一頁(yè)刷新組件數(shù)據(jù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: