微信小程序页面中数据操作和函数调用的详细介绍(微信小程序页面中的数据)

本文主要介绍微信小程序对页面中数据操作和函数调用的详细讲解。有需要的朋友可以参考一下。

微信小程序在页面中详细讲解数据操作和函数调用。

函数的作用是:注册一个页面。接受一个对象参数，该参数指定了初始数据、生命周期函数、事件处理函数等。的页面。

//index . js & lt；pre code _ snippet _ id = & quot2049407 & quotsnippet _ file _ name = & quotblog _ 20161214 _ 1 _ 1145312 & quotname = & quot代码& quotclass = & quotjavascript & quot& gtpage({ data:{ text:& quot；这是页面数据。"，& lt/pre & gt；& ltpre code _ snippet _ id = & quot2049407 & quotsnippet _ file _ name = & quotblog _ 20161214 _ 2 _ 861121 & quotname = & quot代码& quotclass = & quotjavascript & quot& gtsliderOffset: 0，sliderLeft: 0，state:{ genre:[]，genre_index: 0，model:[]，model_index: 0，terminal status:& # 039；'，} }，onLoad: function(options) { //在页面加载时进行一些初始化。}，onReady: function() { //当页面准备好时做一些事情。}，onShow: function() { //当页面显示时做一些事情。}，onHide: function() { //在页面隐藏时做一些事情。}，onUnload: function() { //在页面关闭时做一些事情。}，onpulldownresh:function(){//下拉时做点什么。}，onReachBottom: function() { //当页面到达底部时执行一些操作。}，//事件处理程序。view tap:function(){ var p = this . position ball(p，150) function ball(x，y) { console.log(x，y) } }，custom data:{ hi:& # 039；米娜& # 039；} })& lt；/pre & gt；& ltbr & gt& ltp & gt& lt/p & gt；& ltpre & gt& lt/pre & gt；& ltbr & gt1.设置数据& lt/p & gt；& ltp & gt& ltspan style = & quotfont -size:14px & quot；& gtSetData函数用于将数据从逻辑层发送到视图层，并改变相应this.data & ltbr & gt注意:< br & gt(1)直接修改this.data是无效的，不能改变页面的状态，还会造成数据不一致。& ltbr & gt(2)单次数据集不能超过1024kB。请尽量避免一次设置太多数据。& ltbr & gt& lt/span&gt。& lt/p & gt；& ltp & gt& ltspan style = & quotfont -size:14px & quot；& gtSetData()参数格式:接受一个对象，将this.data中key对应的值以key和值的形式改为value。其中的键可以非常灵活，以数据路径的形式给出，比如array[2]。消息，a.b.c.d，不需要在this.data & ltbr & gt& lt/span&gt。& lt/p & gt；& ltp & gt& ltspan style = & quotfont -size:14px & quot；& gt在以下数据中设置text和genre_index的值& lt/p & gt；& ltp & gt& ltspan style = & quotfont -size:14px & quot；& gt& lt/span&gt。& lt/p & gt；& ltpre code _ snippet _ id = & quot2049407 & quotsnippet _ file _ name = & quotblog _ 20161214 _ 3 _ 1831450 & quotname = & quot代码& quotclass = & quothtml & quot& gtthis . setdata({ & # 039；state.genre _ index & # 039:1，正文:& # 039；数据价值& # 039；})& lt；/pre & gt；& ltp & gt& lt/p & gt；& ltp & gt2.获取数据& ltp & gt您需要使用此数据。& ltp & gt& lt/p & gt；& ltpre code _ snippet _ id = & quot2049407 & quotsnippet _ file _ name = & quotblog _ 20161214 _ 4 _ 5833420 & quotname = & quot代码& quotclass = & quotjavascript & quot& gt& ltpre code _ snippet _ id = & quot2049407 & quotsnippet _ file _ name = & quotblog _ 20161214 _ 4 _ 5833420 & quotname = & quot代码& quotclass = & quotjavascript & quot& gtvar gener _ index = this . data . state . genre _ index & lt；/pre & gt；& ltpre code _ snippet _ id = & quot2049407 & quotsnippet _ file _ name = & quotblog _ 20161214 _ 5 _ 8406932 & quotname = & quot代码& quotclass = & quotjavascript & quot& gtvar text = this . data . text & lt；/pre & gt；& ltp & gt& lt/p & gt；& ltpre & gt& lt/pre & gt；3.调用viewTap函数& lt/p & gt；& ltp & gt调用viewTap函数中的内部球函数可以直接调用。如果需要调用onReady函数中的viewTap函数，就需要使用这个。& lt/p & gt；& ltp & gt& lt/p & gt；& ltpre code _ snippet _ id = & quot2049407 & quotsnippet _ file _ name = & quotblog _ 20161214 _ 6 _ 6869005 & quotname = & quot代码& quotclass = & quothtml & quot& gton ready:function(){ this . drawball()}，& lt/pre & gt；& ltbr & gt& ltbr & gt& ltbr & gt& ltp & gt& lt/p & gt；& ltbr & gt& lt/pre & gt；