• swan.nextTick
  • 方法參數(shù)
    • callback 參數(shù)說明
  • 示例
    • 圖片示例
    • 代碼示例 1
    • 代碼示例 2：常用用法

swan.nextTick

基礎庫 3.15.104 開始支持，低版本需做兼容處理。

成都創(chuàng)新互聯(lián)專注于企業(yè)成都營銷網(wǎng)站建設、網(wǎng)站重做改版、濮陽網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5高端網(wǎng)站建設、電子商務商城網(wǎng)站建設、集團公司官網(wǎng)建設、成都外貿網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為濮陽等各大城市提供網(wǎng)站開發(fā)制作服務。

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

方法參數(shù)

Function callback

callback 參數(shù)說明

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

示例

掃碼體驗

代碼示例

請使用百度APP掃碼

圖片示例

代碼示例 1

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

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

在 WEB IDE 中打開

• JS

 
 
 

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

代碼示例 2：常用用法

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

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

在 WEB IDE 中打開

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 {{name}}
  
  
  
 點擊賦值
  
  
  

 
 
 

網(wǎng)站名稱：創(chuàng)新互聯(lián)百度小程序教程：swan.nextTick
文章來源：http://m.5511xx.com/article/cddedch.html