您当前的位置: 首页 > 知识百科 > 微信小程序获取page怎么弄

微信小程序获取page怎么弄

时间:2023-07-01 14:05 阅读数:240 人阅读 分类:知识百科

  关于微信小程序page,小编在微信小程序商店里做过一些介绍,但不是很详细,所以今天小编会再次讲述微信小程序获取page的方法和流程,希望能够帮助到大家。

  Page() 使用小程序函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

  [javascript] view plain copy//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的值

  [javascript] view plain copythis.setData({

  'state.genre_index':1,

  text:'data value'

  })

  2、获取小程序data数据

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

  [javascript] view plain copyvar gener_index=this.data.state.genre_index

  var text=this.data.text

  3、调用viewTap函数

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

  [javascript] view plain copyonReady: function () {

  this.drawBall()

  },

  以上就是关于微信小程序获取page的全部内容了,希望这份资料能够对大家开发小程序有所帮助,如果还有不了解的地方欢迎给小编留言。

  

  如何使用微信小程序page方法?

  微信小程序滑动事件,微信小程序page详解

  什么是小程序appid?如何获取小程序appid?