1..微信小程序開發(fā)中,為了減少data和視圖層數(shù)據(jù)表現(xiàn)不一致,全部采用setData方法修改值。
setData函數(shù)注意事項(xiàng)
1..直接修改 this.data 而不調(diào)用 this.setData 是無(wú)法改變頁(yè)面的狀態(tài)的,還會(huì)造成數(shù)據(jù)不一致。
2..單次設(shè)罟的數(shù)據(jù)不能超過1024kB,請(qǐng)盡量避免一次設(shè)罟過多的數(shù)據(jù),
3..請(qǐng)不要把 data 中任何一項(xiàng)的 value 設(shè)為 undefined ,否則這一項(xiàng)將不被設(shè)詈并可能遺留一些潛在問題
修改值1
例如,假設(shè)我們有一個(gè)名為“count”的數(shù)據(jù)變量,代表當(dāng)前計(jì)數(shù)器的值。我們可以通過下面的方式來(lái)實(shí)時(shí)更新頁(yè)面上的計(jì)數(shù)器顯示
在這個(gè)例子中,當(dāng)用戶點(diǎn)擊某個(gè)按鈕時(shí)會(huì)觸發(fā)increaseCount()函數(shù),該函數(shù)會(huì)將count變量加1,并通過setData()方法重新設(shè)置count的值,從而實(shí)現(xiàn)頁(yè)面計(jì)數(shù)器的動(dòng)態(tài)更新。
// wxml 文件
<view>{{count}}</view>
// js 文件
Page({
data: {
count: 0
},
increaseCount: function() {
this.setData({
count: this.data.count + 1
})
}
})
修改值2
語(yǔ)法:this.setData(Object data, function callback)
其中,data為一個(gè)對(duì)象,包含要修改的數(shù)據(jù)及其值;callback為可選參數(shù),表示數(shù)據(jù)設(shè)置成功后的回調(diào)函數(shù)。
// 設(shè)置值
this.setData({
keyName: value
})
// 修改值
this.setData({
keyName: newValue
})
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-591032.html
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-591032.html
到了這里,關(guān)于微信小程序setData注意事項(xiàng),使用方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!