微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用方法
Page() 函數(shù)用來注冊一個(gè)頁面。接受一個(gè) object 參數(shù)，其指定頁面的初始數(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í)改變對應(yīng)的 this.data 的值。注意：
（1）、直接修改 this.data 無效，無法改變頁面的狀態(tài)，還會造成數(shù)據(jù)不一致。
（2）、單次設(shè)置的數(shù)據(jù)不能超過1024kB，請盡量避免一次設(shè)置過多的數(shù)據(jù)。
setData() 參數(shù)格式：接受一個(gè)對象，以 key，value 的形式表示將 this.data 中的 key 對應(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_index var 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()
},
以上所述是小編給大家介紹的微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
了不起的11個(gè)JavaScript代碼重構(gòu)最佳實(shí)踐小結(jié)
這篇文章主要介紹了了不起的11個(gè)JavaScript代碼重構(gòu)最佳實(shí)踐小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
JavaScript和其它面向?qū)ο笳Z言一樣，對象類型采用引用方式。持有對象的變量只是一個(gè)地址，而基本類型數(shù)據(jù)是值。當(dāng)原型上存儲對象時(shí)，就可能有一些陷阱2013-12-12
國外JavaScript經(jīng)典封裝集合整理...2007-05-05
JavaScript寫個(gè)貪吃蛇小游戲(超詳細(xì))
這篇文章主要介紹了JavaScript寫個(gè)貪吃蛇小游戲(超詳細(xì))，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
JS實(shí)現(xiàn)帶緩沖效果打開、關(guān)閉、移動(dòng)一個(gè)層的方法
這篇文章主要介紹了JS實(shí)現(xiàn)帶緩沖效果打開、關(guān)閉、移動(dòng)一個(gè)層的方法,涉及javascript鼠標(biāo)事件及頁面元素操作技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了微信小程序修改checkbox的樣式代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
用javascript實(shí)現(xiàn)畫圖效果的代碼
用javascript實(shí)現(xiàn)畫圖效果的代碼...2007-07-07
原理就是利用js控制li的一些樣式，在實(shí)際應(yīng)用中，還需要注意li的list-style屬性。2008-12-12
下面小編就為大家?guī)硪黄猨s獲取指定字符前/后的字符串簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了Javascript的call、apply，其作用基本相同，但也有略微的區(qū)別，需要的朋友可以參考下2015-12-12