집 >위챗 애플릿 >미니 프로그램 개발 >WeChat 애플릿 페이지의 데이터 데이터 작업 및 함수 호출 분석

WeChat 애플릿 페이지의 데이터 데이터 작업 및 함수 호출 분석

不言원래의: 2018-06-27 16:50:301880검색

이 글에서는 주로 WeChat 미니 프로그램을 소개하여 페이지의 데이터 데이터 연산과 함수 호출을 자세히 설명합니다. 필요한 친구들은 참고하면 됩니다.

위챗 미니 프로그램은 페이지의 데이터 데이터 연산과 함수 호출을 자세히 설명합니다.

Page() 함수는 페이지를 등록하는 데 사용됩니다. 페이지의 초기 데이터, 수명 주기 기능, 이벤트 처리 기능 등을 지정하는 개체 매개변수를 허용합니다.

//index.js 
<pre code_snippet_id="2049407" snippet_file_name="blog_20161214_1_1145312" name="code" class="javascript">Page({ 
 data: { 
  text: "This is page data.",

  sliderOffset: 0, 
  sliderLeft: 0, 
  state:{ 
     genre:[], 
     genre_index: 0, 
     model:[], 
     model_index: 0, 
     terminalStatus:&#39;&#39;, 
  } 
 }, 
 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: &#39;MINA&#39; 
 } 
})

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({ 
   &#39;state.genre_index&#39;:1, 
   text:&#39;data value&#39; 
})

2、获取data数据

获取data中的text和genre_index值需要使用this

<pre code_snippet_id="2049407" snippet_file_name="blog_20161214_4_5833420" name="code" class="javascript">var gener_index=this.data.state.genre_index

var text=this.data.text

3、调用viewTap函数

在viewTap函数中调用内部的ball函数可以直接调用，如果需要在onReady函数中调用viewTap函数需要使用this。

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

위 내용은 모두의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!

WeChat 애플릿 페이지의 데이터 데이터 작업 및 함수 호출 분석

관련 기사