小程序的注册用App函数,所以对应的,也有一个页面注册函数,叫做page()函数。
Page()函数用来注册一个页面,接受一个Object函数,这个Object函数指定页面的初始数据。
Page函数中的参数。
1.data
data是页面渲染时使用的初始数据。当页面加载时,data会以json字符串的形式由逻辑层传至渲染层,因此data中的数据必须时能转换成json的类型,包括字符串,数字,布尔值,对象,数组。
页面周期函数
- onLoad()
页面加载时触发。一个页面只调用一次,可以在页面中获取当前路径中的参数。
参数会以Object的形式传入进来,之前页面跳转中用查询形式写的url,都会变成key,value的形式。 - onReady()
页面初次渲染完成时触发,一个页面只会调用一次。 - onHide
页面隐藏,切入后台时触发。 - onUnload()
页面卸载时触发。如redirectTo或navigateBack到其他页面时。页面事件处理函数
- onPullDownRefresh()
监听用户下拉刷新事件。监听用户下拉刷新事件。
需要注意的是,首先需要在app.json中配置enablePullDownRefresh为true。
用wx.startPulDownRefresh触发下拉刷新,效果与手动触发下拉刷新一样。
当数据处理完成后,可以用wx.stopPullDownRefresh停止下拉刷新。 - onPageScroll(obj)
监听用户滑动页面事件。传入的对象的key值是scrollTop,值为页面在垂直方向上滚动的距离。 - onShareAppMessage(obj) 用户点击页面内转发按钮或者是页面左上角的转发时触发。传递的参数obj包含转发事件来源from,button为按钮触发,menu为右上角菜单触发;target,如果是button触发则值为button,否则为undefined。webViewUrl,页面中包含webView组件时,返回当前的webView的URL。
在这个事件中,需要return一个值出去。这个值是一个对象,包含title,path,imageUrl。用来自定义页面内容。下面对这三个值进行进一步的解读。
title是页面中转发时需要的标题。如果没有,会默认成当前小程序的名称。
Path是要转发的页面路径,如果不设置,一般默认为当前页面路径。
imageUrl是自定义图片的路径,可以是本地文件,代码文件路径,网络图片,支持jpg和png格式。显示的图片比例是5:4。 - onResize()
小程序屏幕旋转时触发。 - onTabItemTap()。
点击tab时触发,返回的参数是一个obj,里面包含了index,被点击item的序号,pagepath,被点击tabitem的页面,text,被点击item的文字。组件事件处理函数
- 可以像普通的html,在渲染层中加入事件处理函数。具体详见事件处理函数
- Page.route()。指向当前页面的路径。
- Page.setData(data,callBack)。