微信小程序 某些js

来源:互联网 发布:淘宝列王的纷争礼包 编辑:程序博客网 时间:2024/05/06 02:17
data - 实现页面的初始化数据

onLoad - 是生命周期函数,用来监听页面加载,一个页面只会调用一次,它的参数可以获取wx.navigateTo和wx.redirectTo及< navigator/>中的query.
onReady - 同样是生命周期函数,用来监听页面初次渲染完成,一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互.对页面的设置请在onReady之后设置,如wx.setNavigationBarTitle.
onShow - 生命周期函数,用来监听页面显示,每次页面打开都会调用一次.
onHide - 生命周期函数,监听页面隐藏”,当wx.navigateTo或者底部tab切换之后调用.
onUpload - 生命周期函数,用来监听页面卸载.当wx.navigateTo和 navigateBack的时候调用.
onPullDownRefresh - 页面相关事件处理函数,用来监听用户的下拉动作.但是需要在config的window选项中开启enablePullDownRefresh,当数据刷新完成之后,可以用wx.stopPullDownRefresh停止当前页面的下拉刷新. 
下面是微信给出的官方代码:
Page({
 data: {
text: "This is page data."
 },
 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
 },
 // Event handler.
 viewTap: function() {
this.setData({
 text: 'Set some data for updating view.'
})
 }
})

上面说了用data属性来设置页面的初始化数据,但是如果我们想改变数据里面的值,怎么办?? 
那么我们就介绍一个微信官方给我们提供的setData()函数,这个函数可以将数据从逻辑层发送到数据层,同时还可以改变this.data的值. 
setData()接受一个对象参数,让数据以key,value的形式表示将this.data中key对应的值改变成value. 

下面是微信官方给出的page的生命周期的图片:

原创地址:http://blog.csdn.NET/qq_28832135/article/details/52796048





0 0
原创粉丝点击