微信小程序Page中怎么實現data數據操作和函數調用方法

這篇文章主要為大家展示了“微信小程序Page中怎么實現data數據操作和函數調用方法”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“微信小程序Page中怎么實現data數據操作和函數調用方法”這篇文章吧。

Page() 函數用來注冊一個頁面。接受一個 object 參數，其指定頁面的初始數據、生命周期函數、事件處理函數等。

//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、設置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_index
var text=this.data.text

3、調用viewTap函數

在viewTap函數中調用內部的ball函數可以直接調用，如果需要在onReady函數中調用viewTap函數需要使用this。

onReady: function () {
  this.drawBall()
 },

以上是“微信小程序Page中怎么實現data數據操作和函數調用方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！