小程序?qū)崿F(xiàn)全局監(jiān)聽globalData數(shù)據(jù)變化

小程序項(xiàng)目開發(fā)想實(shí)現(xiàn)全局監(jiān)聽globalData數(shù)據(jù)變化,可參考數(shù)據(jù)劫持的實(shí)現(xiàn)方式,代碼如下:
app.js

globalData: {
  msgTotal: ''
},
// 使用數(shù)據(jù)劫持模式監(jiān)聽數(shù)據(jù)變化
 observe(obj, key, watch, that) {
      let val = obj[key]; 
      Object.defineProperty(obj, key, {
        configurable: true,
        enumerable: true,
        set: function (value) {
          watch(val, value, that); 
          val = value;
        },
        get: function () {
          return val;
        }
      })
  }

頁(yè)面賦值msgTotal

const app = getApp()
Page({
  setMsgTotal() {
    app.globalData.msgTotal = res.data.total
  }
})

組件內(nèi)監(jiān)聽msgTotal

const app = getApp()
methods: {
    watch (oldVal, newVal, that) {
          that.setData({
            msgTotal: newVal
          })
     }
},
// 組件生命周期
lifetimes: {
   // 組件進(jìn)入頁(yè)面節(jié)點(diǎn)樹執(zhí)行
    attached() {
        app.observe(app.globalData, "msgTotal", this.watch, this);
    }
}

小程序頁(yè)面監(jiān)聽msgTotal

const app = getApp()
Page({
   onReady() {
        app.observe(app.globalData, "msgTotal", this.watch, this);
   },
   watch (oldVal, newVal, that) {
       that.setData({
         msgTotal: newVal
       })
   }
})
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容