最新文章專題視頻專題關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用方法

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:57:33
文檔

微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用方法

微信小程序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:{ gen
推薦度:
導(dǎo)讀微信小程序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:{ gen

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_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)用詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:0731-84117792 E-MAIL:11247931@qq.com

文檔

微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用方法

微信小程序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:{ gen
推薦度:
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top