Nhảy tới nội dung

Life cycle

Cập nhật lần cuối vào

Các hàm life cycle của Page được gọi bởi Framework tại những thời điểm nhất định. Hình vẽ sau mô tả các thời điểm này

page-lifecycle;
HàmTham sốMô tả
onLoadqueryĐược gọi khi Page được load
onShowĐược gọi khi Page được show hoặc mở lại từ background
onHide(prevProps, prevData)Được gọi sau Page bị hide hoặc enter background
onReadyĐược gọi sau khi page finish render lần đầu tiên
onUnloadĐược gọi khi page bị destroy
onPullDownRefreshĐược gọi khi user pull to refresh hoặc gọi my.startPullDownRefresh
onShareAppMessageĐược gọi khi user thực hiện tác vụ "Chia sẻ" trong options menu.
onCustomIconEvent({index})Được gọi khi user click vào custom icons khi sử dụng jsapi addIconToNavigationBar

onLoad

onLoad được gọi sau khi Page được khởi tạo. Khi sử dụng my.navigateTo, my.redirectTo, params sẽ truyền vào trong query. Format của query: "parameterName=parameterValuemeterName=parameterValue...".

onShow

onShow được gọi sau khi Page được show hoặc mở lại từ background.

onHide

onShide được gọi khi page bị hide do open page khác, hoặc app bị xuống background

onReady

onReady được gọi khi page đã thực hiện xong việc render lần đầu tiên, nghĩa là từ lúc này, page đã ready để tương tác với view layer. Có thể sử dụng 1 số api thay đổi interface ví dụ my.setNavigationBar để update title bar

onUnload

onUnload được gọi khi page bị destroy. Ví dụ sử dụng my.redirectTo,my.navigateBack sẽ unload page.

onPullDownRefresh

onPullDownRefresh được gọi khi user pull to refresh hoặc gọi my.startPullDownRefresh. Sử dụng callback này để refresh lại data.

onCustomIconEvent

onCustomIconEvent được gọi khi user click vào custom icons khi sử dụng jsapi addIconToNavigationBar. Trong argument sẽ có biến index để biết được vị trí của icon được click nếu add nhiều icons.

Page({
onCustomIconEvent({index}) {
if (index === 0) {
doSomething()
} else {
doOtherthing()
}
}
})

onShareAppMessage

Để cấu hình nội dung chia sẽ bạn cần implement onShareAppMessage trong Page với nội dung như sau:

Page({
onShareAppMessage(options) {
return {
title: 'Awesome App',
desc: 'Awesome App',
path: 'pages/index/index',
};
}
})

Khi user thực hiện tác vụ "Chia sẻ" trong option menus, hệ thống sẽ thực thi phương thức trên và lấy nội dung để điền vào thông tin chia sẻ. Trong trường hợp Page hiện tại không implement phương thức trên. Hệ thống sẽ thực thi hàm onShareAppMessage của app.

App({
onShareAppMessage(options) {
return {
title: 'Awesome App',
desc: 'Awesome App',
path: 'pages/index/index',
};
}
})