微信小程序修改data怎么操作?
小程序data对于开发小程序来说是必不可少的,微信小程序修改data究竟要怎样操作,想必很多人都还不太了解。所以今天小编会为大家讲解一下微信小程序修改data的方法:
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数据
小程序函数可以方便用户将数据从小程序逻辑层发送到小程序视图层,与此同时还能改变对应的小程序data的值。但是大家需要注意两点:
(1)、直接修改data数据无效,没有办法改变小程序页面的状态,还有可能造成小程序数据前后不一致。
(2)、单次进行设置的数据不能超过1M,所以大家需要避免一次设置超量的数据。
setData() 小程序参数格式:接受一个对象,以 key,value 的形式表示将 this.data 中的 key 对应的值改变。其中 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()
},
参照上述小程序代码和流程,微信小程序修改data就可以完成了,是不是很简单呢?大家学会了吗?如果还想获取更多相关资料,请关注微信小程序商店。
微信小程序能修改类型吗?如何填写主体信息?
如何修改没完成的小程序?
小程序修改导航栏颜色怎么做?
