快捷導(dǎo)航

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

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

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

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

在父頁面的onShow和onHide里面添加一個標志

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

把這個值傳給子組件

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

在子組件的properties方法里面進行判斷當flag2為true的時候調(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)
       }
      }
    },
  },

補充：

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

前言

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

一、獲取小程序棧

界面A代碼

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

界面B代碼

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