无遮无挡三级动态图,熟女人妻高清一区二区三区,午夜精品一区二区三区 ,色吧成人网,无码爆乳护士让我爽

私域電商軟件及相關(guān)增值服務(wù)提供商    

免費(fèi)試用
微信小程序開(kāi)發(fā)數(shù)據(jù)監(jiān)聽(tīng)器
作者: --時(shí)間: 2025-08-10 14:49:37 閱讀量:

微信小程序數(shù)據(jù)監(jiān)聽(tīng)器可以用于監(jiān)聽(tīng)和響應(yīng)任何屬性和數(shù)據(jù)字段的變化,是在小程序基礎(chǔ)庫(kù)版本2.6.1以后開(kāi)始支持的。下面介紹如何使用數(shù)據(jù)監(jiān)聽(tīng)器。

1. 使用數(shù)據(jù)監(jiān)聽(tīng)器

當(dāng)一些數(shù)據(jù)字段被setData設(shè)置時(shí),需要執(zhí)行一些操作。例如,this.data.sum永遠(yuǎn)是this.data.numberA與this.data.numberB的和。此時(shí),可以使用數(shù)據(jù)監(jiān)聽(tīng)器進(jìn)行實(shí)現(xiàn)。使用示例如下:

<Component>{
  attached: function() {
    this.setData({
      numberA: 1,
      numberB: 2,
    })
  },
  observers: {
    'numberA, numberB': function(numberA, numberB) {
      // 在 numberA 或者 numberB 被設(shè)置時(shí),執(zhí)行這個(gè)函數(shù)
      this.setData({
        sum: numberA + numberB
      })
    }
  }
}</Component>

2. 監(jiān)聽(tīng)字段語(yǔ)法

數(shù)據(jù)監(jiān)聽(tīng)器支持監(jiān)聽(tīng)屬性或內(nèi)部數(shù)據(jù)的變化,可以同時(shí)監(jiān)聽(tīng)多個(gè)。一次setData最多觸發(fā)每個(gè)監(jiān)聽(tīng)器一次。同時(shí),監(jiān)聽(tīng)器可以監(jiān)聽(tīng)子數(shù)據(jù)字段。示例如下:

<Component>{
  observers: {
    'some.subfield': function(subfield) {
      // 使用 setData 設(shè)置 this.data.some.subfield 時(shí)觸發(fā)
      // (除此以外,使用 setData 設(shè)置 this.data.some 也會(huì)觸發(fā))
      subfield === this.data.some.subfield
    },
    'arr[12]': function(arr12) {
      // 使用 setData 設(shè)置 this.data.arr[12] 時(shí)觸發(fā)
      // (除此以外,使用 setData 設(shè)置 this.data.arr 也會(huì)觸發(fā))
      arr12 === this.data.arr[12]
    },
    'some.field.**': function(field) {
      // 使用 setData 設(shè)置 this.data.some.field 本身或其下任何子數(shù)據(jù)字段時(shí)觸發(fā)
      // (除此以外,使用 setData 設(shè)置 this.data.some 也會(huì)觸發(fā))
      field === this.data.some.field
    },
    '**': function() {
      // 每次 setData 都觸發(fā)
    },
  },
}

如果需要監(jiān)聽(tīng)所有子數(shù)據(jù)字段的變化,可以使用通配符**。特別地,僅使用通配符**可以同時(shí)監(jiān)聽(tīng)全部setData操作。

提示:數(shù)據(jù)監(jiān)聽(tīng)器監(jiān)聽(tīng)的是setData涉及到的數(shù)據(jù)字段,即使這些數(shù)據(jù)字段的值沒(méi)有發(fā)生變化,數(shù)據(jù)監(jiān)聽(tīng)器依然會(huì)被觸發(fā)。如果在數(shù)據(jù)監(jiān)聽(tīng)器函數(shù)中使用setData設(shè)置本身監(jiān)聽(tīng)的數(shù)據(jù)字段,可能會(huì)導(dǎo)致死循環(huán),需要特別留意。數(shù)據(jù)監(jiān)聽(tīng)器和屬性的observer相比,數(shù)據(jù)監(jiān)聽(tīng)器更強(qiáng)大且通常具有更好的性能。

一套系統(tǒng)全搞定
  • 商家管理
  • 商品管理
  • 訂單管理
  • 會(huì)員管理
  • 營(yíng)銷中心
  • 供應(yīng)鏈入駐
  • 財(cái)務(wù)管理
  • 支付分賬
  • 商城直播
免費(fèi)試用
更多產(chǎn)品任你選
B2B2C多用戶商城系統(tǒng)

類天貓&京東模式系統(tǒng)

了解更多
B2B2B電商交易系統(tǒng)

全渠道訂貨/采購(gòu)及經(jīng)銷商管
理數(shù)字化系統(tǒng)

了解更多
S2B2B電商交易系統(tǒng)

上下游資源整合數(shù)字化解決方

了解更多
企業(yè)集采商城系統(tǒng)

中大型企業(yè)數(shù)字化采購(gòu)與交易
系統(tǒng)

了解更多
員工福利商城系統(tǒng)

集福利管理、發(fā)放于一體的員
工福利商城

了解更多

電話咨詢 微信咨詢 0元開(kāi)店