這篇“微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用的方法”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用的方法”文章吧。
目前
創(chuàng)新互聯(lián)已為近1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、
虛擬主機(jī)、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、
佛坪網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。
微信小程序 詳解Page中data數(shù)據(jù)操作和函數(shù)調(diào)用
Page() 函數(shù)用來(lái)注冊(cè)一個(gè)頁(yè)面。接受一個(gè) object 參數(shù)，其指定頁(yè)面的初始數(shù)據(jù)、生命周期函數(shù)、事件處理函數(shù)等。
//index.js
Page({
data: {
text: "This is page data.",
sliderOffset: 0,
sliderLeft: 0,
state:{
genre:[],
genre_index: 0,
model:[],
model_index: 0,
terminalStatus:'',
}
},
onLoad: function(options) {
// Do some initialize when page load.
},
onReady: function() {
// Do something when page ready.
},
onShow: function() {
// Do something when page show.
},
onHide: function() {
// Do something when page hide.
},
onUnload: function() {
// Do something when page close.
},
onPullDownRefresh: function() {
// Do something when pull down.
},
onReachBottom: function() {
// Do something when page reach bottom.
},
// Event handler.
viewTap: function () {
var p = this.position
ball(p, 150)
function ball(x, y) {
console.log(x,y)
}
},
customData: {
hi: 'MINA'
}
})
1、設(shè)置data數(shù)據(jù)
setData 函數(shù)用于將數(shù)據(jù)從邏輯層發(fā)送到視圖層，同時(shí)改變對(duì)應(yīng)的 this.data 的值。
注意：
（1）、直接修改 this.data 無(wú)效，無(wú)法改變頁(yè)面的狀態(tài)，還會(huì)造成數(shù)據(jù)不一致。
（2）、單次設(shè)置的數(shù)據(jù)不能超過(guò)1024kB，請(qǐng)盡量避免一次設(shè)置過(guò)多的數(shù)據(jù)。
setData() 參數(shù)格式：接受一個(gè)對(duì)象，以 key，value 的形式表示將 this.data 中的 key 對(duì)應(yīng)的值改變成 value。其中 key 可以非常靈活，以數(shù)據(jù)路徑的形式給出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中預(yù)先定義。
下面設(shè)置data中的text和genre_index的值
this.setData({
'state.genre_index':1,
text:'data value'
})
2、獲取data數(shù)據(jù)
獲取data中的text和genre_index值需要使用this
var gener_index=this.data.state.genre_indexvar text=this.data.text
3、調(diào)用viewTap函數(shù)
在viewTap函數(shù)中調(diào)用內(nèi)部的ball函數(shù)可以直接調(diào)用，如果需要在onReady函數(shù)中調(diào)用viewTap函數(shù)需要使用this。
onReady: function () {
this.drawBall()
},
以上就是關(guān)于“微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用的方法”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當(dāng)前文章：微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用的方法-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://weahome.cn/article/ddopic.html
重慶分公司
重慶分公司
