支付宝小程序生命周期官方文档
https://docs.alipay.com/mini/framework/page
支付宝小程序生命周期方法的说明
onLoad: 页面加载。一个页面只会调用一次，query 参数为 my.navigateTo 和 my.redirectTo 中传递的 query 对象。
onShow: 页面显示。每次页面显示都会调用一次。
onReady: 页面初次渲染完成。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。对界面的设置，如 my.setNavigationBar 请在 onReady 之后设置。
onHide: 页面隐藏。当 my.navigateTo 到其他页面或底部 tab 切换时调用。
onUnload: 页面卸载。当 my.redirectTo 或 my.navigateBack 到其他页面的时候调用。
在项目的 pages/index/index.js 中
Page({
data: {
name: '支付宝小程序'
},
onLoad(query) {
// 页面加载
// 在这里请求接口
console.info(`Page onLoad with query: ${JSON.stringify(query)}`);
},
onReady() {
// 页面加载完成
},
onShow() {
// 页面显示
},
onHide() {
// 页面隐藏
},
onUnload() {
// 页面被关闭
},
onTitleClick() {
// 标题被点击
},
onPullDownRefresh() {
// 页面被下拉
},
onReachBottom() {
// 页面被拉到底部
},
onShareAppMessage() {
// 返回自定义分享信息
return {
title: 'My App',
desc: 'My App description',
path: 'pages/index/index',
};
},
change() {
// 事件处理
console.log('我是点击事件')
my.navigateTo({ url: '../my/my' })
},
changeName() {
// 事件处理
this.setData({
name: '改变了'
})
}
});
在项目的 pages\index\index.axml 中
<!-- 小程序收藏组件，更多高级用法请参考文档：https://docs.alipay.com/mini/component/component-favorite -->
<favorite>收藏小程序，下次使用更方便
</favorite>
<view class="index"> this is a blank page
<view class="btn-area">
<button type="primary" onTap="change">跳转到my</button>
<button type="primary" onTap="changeName">改变name</button>
<navigator url="../my/my" hover-class="navigator-hover">点击跳转到新页面</navigator>
<text>{{name}}</text>
</view>
</view>
