1. 程式人生 > >微信小程式返回上級頁面時單個數據互動

微信小程式返回上級頁面時單個數據互動

微信小程式返回上級頁面時單個數據互動

實現原理:目標頁面利用小程式的頁面棧查詢上級頁面的page物件,並在不重新整理頁面的情況下修改上級頁面的data單條或多條資料。

實現程式碼

const wxCurrPage = getCurrentPages();//獲取當前頁面的頁面棧
const wxPrevPage = wxCurrPage[wxCurrPage.length - 2];//獲取上級頁面的page物件
if (wxPrevPage){
//修改上級頁面的資料
  wxPrevPage.setData({
    baseData:true,//baseData為上級頁面的某個資料
}) }

應用場景:餓了麼app的點餐詳情頁選中商品在首頁展示已加入購物車的商品個數,棗仁招聘小程式中訪問人數、投遞狀態的改變等。
微信小程式搜尋“棗仁招聘”可檢視效果