swan.nextTick

基礎(chǔ)庫(kù) 3.15.104 開(kāi)始支持，低版本需做兼容處理。
成都創(chuàng)新互聯(lián)專(zhuān)注于企業(yè)成都營(yíng)銷(xiāo)網(wǎng)站建設(shè)、網(wǎng)站重做改版、濮陽(yáng)網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5高端網(wǎng)站建設(shè)、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性?xún)r(jià)比高，為濮陽(yáng)等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

解釋：延遲一部分操作到下一個(gè)時(shí)間片再執(zhí)行。（類(lèi)似于 setTimeout）

方法參數(shù)

Function callback

callback 參數(shù)說(shuō)明

自定義組件中的 setData 和 triggerEvent 等接口為同步操作，當(dāng)這幾個(gè)接口被連續(xù)調(diào)用時(shí)，都是在一個(gè)同步流程中執(zhí)行完的，因此若邏輯不當(dāng)可能會(huì)導(dǎo)致出錯(cuò)。
舉例：當(dāng)父組件的 setData 引發(fā)了子組件的 triggerEvent，進(jìn)而使得父組件又進(jìn)行了一次 setData，期間有通過(guò) s-if 語(yǔ)句對(duì)子組件進(jìn)行卸載，就有可能引發(fā)奇怪的錯(cuò)誤，所以對(duì)于不需要在一個(gè)同步流程內(nèi)完成的邏輯，可以使用此接口延遲到下一個(gè)時(shí)間片再執(zhí)行。

示例

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度APP掃碼

圖片示例

代碼示例 1

在開(kāi)發(fā)者工具中打開(kāi)

在 WEB IDE 中打開(kāi)

 
 
 
  
  
  // 自定義組件邏輯 (custom.js)
  
  
  Component({
  
  
   properties: {
  
  
   name: {
  
  
   type: String,
  
  
   value: 'swan'
  
  
   }
  
  
   },
  
  
   data: {
  
  
   age: 1,
  
  
   number: ''
  
  
   },
  
  
   methods: {
  
  
   nextTick() {
  
  
   swan.showToast({
  
  
   title: '在控制臺(tái)或者sConsole中查看執(zhí)行順序',
  
  
   icon: 'none'
  
  
   });
  
  
   // 直接在當(dāng)前同步流程中執(zhí)行
  
  
   this.setData({number: 1}) 
  
  
   console.log(this.data.number);
  
  
   swan.nextTick(() => {
  
  
   // 在當(dāng)前同步流程結(jié)束后，下一個(gè)時(shí)間片執(zhí)行 
  
  
   this.setData({number: 3}) 
  
  
   console.log(this.data.number);
  
  
   })
  
  
   // 直接在當(dāng)前同步流程中執(zhí)行
  
  
   this.setData({number: 2}) 
  
  
   console.log(this.data.number);
  
  
   }
  
  
   }
  
  
  });

代碼示例 2：常用用法