Page() 函數用來注冊一個頁面。接受一個 object 參數,其指定頁面的初始數據、生命周期函數、事件處理函數等。
//index.jsPage({ 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、設置data數據
setData 函數用于將數據從邏輯層發送到視圖層,同時改變對應的 this.data 的值。注意:
(1)、直接修改 this.data 無效,無法改變頁面的狀態,還會造成數據不一致。
(2)、單次設置的數據不能超過1024kB,請盡量避免一次設置過多的數據。
setData() 參數格式:接受一個對象,以 key,value 的形式表示將 this.data 中的 key 對應的值改變成 value。其中 key 可以非常靈活,以數據路徑的形式給出,如 array[2].message,a.b.c.d,并且不需要在 this.data 中預先定義。
下面設置data中的text和genre_index的值
this.setData({ 'state.genre_index':1, text:'data value'})
2、獲取data數據
獲取data中的text和genre_index值需要使用this
var gener_index=this.data.state.genre_indexvar text=this.data.text
3、調用viewTap函數
在viewTap函數中調用內部的ball函數可以直接調用,如果需要在onReady函數中調用viewTap函數需要使用this。
onReady: function () { this.drawBall() },
以上所述是小編給大家介紹的微信小程序Page中data數據操作和函數調用詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VEVB武林網網站的支持!
新聞熱點
疑難解答