微信小程序展示网站数据-微信小程序页面中的数据数据操作及函数调用方法

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

微信小程序页面中的数据数据操作及函数调用方法

更新时间：2019年5月08日 11:10:36 作者：A_山水子农

本文主要介绍Momo小程序Page中的数据数据操作和函数调用。 文章非常详细地介绍了示例代码。 对您的学习或工作有一定的参考学习价值。 有需要的同学关注小编一起来学习吧

Page()函数用于注册页面。 它接受一个对象参数，该参数指定页面的初始数据、生命周期函数、事件处理函数等。

//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.data的值。 注意：

(1). 直接改变this.data是无效的，无法改变页面的状态，还会造成数据不一致。

(2) 一次性设置的数据不能超过1024kB，请尽量避免一次性设置过多的数据。

setData()参数格式：接受一个对象微信小程序展示网站数据，并将this.data中key对应的value以key+value的形式更改为value。 key可以很灵活，以数据路径的形式给出，如array[2].message、abcd，不需要在this.data中预先定义。

设置下面数据中text和genre_index的值

this.setData({
   'state.genre_index':1,
   text:'data value'
})

2.获取数据数据

要获取data中的text和genre_index值，需要使用这个

var gener_index=this.data.state.genre_index
var text=this.data.text

3.调用viewTap函数

在viewTap函数中调用内部的ball函数可以直接调用。 如果需要在onReady函数中调用viewTap函数微信小程序展示网站数据，就需要使用这个。

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

以上就是小编给大家介绍的陌陌小程序Page中数据数据操作和函数调用解读的整合。 希望对您有所帮助。 如果您有疑问，请给我留言，编辑会及时回复您。 非常感谢您对情景之家网站的支持！