위챗 애플릿 페이지의 데이터 작업 및 함수 호출

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. 데이터 데이터 setData 함수를 설정하여 데이터를 논리층에서 시각층으로 보내고 대응하는this를 바꾸는 데 사용한다.데이터의 값.참고:
(1),this를 직접 수정합니다.데이터가 잘못되어 페이지의 상태를 바꿀 수 없습니다. 데이터가 일치하지 않을 수도 있습니다. 
(2) 한 번에 설정한 데이터는 1024kB를 초과할 수 없으므로 한 번에 너무 많은 데이터를 설정하는 것을 피하십시오.setData () 매개 변수 형식: 키,value 형식으로this를 표시합니다.데이터의 키에 대응하는 값을value로 변경합니다.그 중에서 키는 매우 유연해서 데이터 경로의 형식으로 제시할 수 있다. 예를 들어array[2].메시지, a.b.c.d,this.데이터에서 미리 정의합니다.다음 설정 데이터에서 text와genreindex 값
4
this.setData({
     'state.genre_index':1,
      text:'data value'
})
2, 데이터 가져오기
데이터에서 text와genre 가져오기index 값은this를 사용해야 합니다
4
var gener_index=this.data.state.genre_index
var text=this.data.text
viewTap 함수 호출
viewTap 함수에서 내부의 ball 함수를 호출하려면 직접 호출할 수 있으며, onReady 함수에서viewTap 함수를 호출하려면this를 사용해야 합니다.
onReady: function () {
    this.drawBall()
  },

좋은 웹페이지 즐겨찾기