小程式中的setData的使用

2022-01-30 08:56:05 字數 1350 閱讀 1753

小程式中的setdata

setdata函式用於將資料從邏輯層傳送到檢視層(非同步),同時改變對應的this.data的值(同步)。

直接修改 this.data 而不呼叫 this.setdata 是無法改變頁面的狀態的,還會造成資料不一致

單次設定的資料不能超過1024kb,請盡量避免一次設定過多的資料

示例**:

index.wxml

}

change name data

}change normal num

}change array data

}change object data

}add new data

index.js

// demo.js

page(],

object:

},changename:function() )

console.log("點選了修改名稱");

console.log(this.data);

},changenum: function() )

},changeiteminarray: function() )

},changeiteminobject: function());

},addnewfield: function() )}})

這裡的bindtap很有意思,繫結乙個點選事件。

wxml可以檢視當前的資料情況。

console可以檢視日誌,便於除錯。

如果開啟了除錯模式,在console中,還可以檢視到啟動的步驟。

出發了某個事件都會告訴你。

小程式setData詳解

引數接受乙個物件,以 key,value 的形式表示 可以一下設定乙個或多個data資料 this.setdata 複製 key可以以資料路徑的形式給出 路徑形式的key必須帶引號 資料可以不預設 this.setdata this.setdata 等於this.setdata 複製 key值可以為...

微信小程式setData使用技巧

setdata 函式用於將資料從邏輯層傳送到檢視層,同時改變對應的 this.data 的值注意 1.直接修改 this.data 無效,無法改變頁面的狀態,還會造成資料不一致。2.單次設定的資料不能超過1024kb,請盡量避免一次設定過多的資料。setdata 引數格式接受乙個物件,以 key,v...

微信小程式 setData 的坑

官網文件在使用setdata 設定陣列物件的某個元素的屬性時,是這麼使用的 page changeiteminarray function 使用了 array 0 text changed data 這樣的值。但在實際使用中,我們對陣列的中的某個元素的設定是動態的。即 我們通常應該是 array i...