建站
咨詢
售后
建站咨詢
新聞中心
注冊(cè)頁(yè)面
對(duì)于小程序中的每個(gè)頁(yè)面，都需要在頁(yè)面對(duì)應(yīng)的 js 文件中進(jìn)行注冊(cè)，指定頁(yè)面的初始數(shù)據(jù)、生命周期回調(diào)、事件處理函數(shù)等。
成都創(chuàng)新互聯(lián)公司專注于姜堰企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,電子商務(wù)商城網(wǎng)站建設(shè)。姜堰網(wǎng)站建設(shè)公司,為姜堰等地區(qū)提供建站服務(wù)。全流程定制開發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
使用 Page 構(gòu)造器注冊(cè)頁(yè)面
簡(jiǎn)單的頁(yè)面可以使用 Page() 進(jìn)行構(gòu)造。
代碼示例：
//index.js
Page({
data: {
text: "This is page data."
},
onLoad: function(options) {
// 頁(yè)面創(chuàng)建時(shí)執(zhí)行
},
onShow: function() {
// 頁(yè)面出現(xiàn)在前臺(tái)時(shí)執(zhí)行
},
onReady: function() {
// 頁(yè)面首次渲染完畢時(shí)執(zhí)行
},
onHide: function() {
// 頁(yè)面從前臺(tái)變?yōu)楹笈_(tái)時(shí)執(zhí)行
},
onUnload: function() {
// 頁(yè)面銷毀時(shí)執(zhí)行
},
onPullDownRefresh: function() {
// 觸發(fā)下拉刷新時(shí)執(zhí)行
},
onReachBottom: function() {
// 頁(yè)面觸底時(shí)執(zhí)行
},
onShareAppMessage: function () {
// 頁(yè)面被用戶分享時(shí)執(zhí)行
},
onPageScroll: function() {
// 頁(yè)面滾動(dòng)時(shí)執(zhí)行
},
onResize: function() {
// 頁(yè)面尺寸變化時(shí)執(zhí)行
},
onTabItemTap(item) {
// tab 點(diǎn)擊時(shí)執(zhí)行
console.log(item.index)
console.log(item.pagePath)
console.log(item.text)
},
// 事件響應(yīng)函數(shù)
viewTap: function() {
this.setData({
text: 'Set some data for updating view.'
}, function() {
// this is setData callback
})
},
// 自由數(shù)據(jù)
customData: {
hi: 'MINA'
}
})
詳細(xì)的參數(shù)含義和使用請(qǐng)參考 Page 參考文檔 。
在頁(yè)面中使用 behaviors
基礎(chǔ)庫(kù) 2.9.2 開始支持，低版本需做 兼容處理。
頁(yè)面可以引用 behaviors 。 behaviors 可以用來(lái)讓多個(gè)頁(yè)面有相同的數(shù)據(jù)字段和方法。
// my-behavior.js
module.exports = Behavior({
data: {
sharedText: 'This is a piece of data shared between pages.'
},
methods: {
sharedMethod: function() {
this.data.sharedText === 'This is a piece of data shared between pages.'
}
}
})
// page-a.js
var myBehavior = require('./my-behavior.js')
Page({
behaviors: [myBehavior],
onLoad: function() {
this.data.sharedText === 'This is a piece of data shared between pages.'
}
})
具體用法參見 behaviors 。
使用 Component 構(gòu)造器構(gòu)造頁(yè)面
基礎(chǔ)庫(kù) 1.6.3 開始支持，低版本需做 兼容處理。
Page 構(gòu)造器適用于簡(jiǎn)單的頁(yè)面。但對(duì)于復(fù)雜的頁(yè)面， Page 構(gòu)造器可能并不好用。
此時(shí)，可以使用 Component 構(gòu)造器來(lái)構(gòu)造頁(yè)面。 Component 構(gòu)造器的主要區(qū)別是：方法需要放在 methods: { } 里面。
代碼示例：
Component({
data: {
text: "This is page data."
},
methods: {
onLoad: function(options) {
// 頁(yè)面創(chuàng)建時(shí)執(zhí)行
},
onPullDownRefresh: function() {
// 下拉刷新時(shí)執(zhí)行
},
// 事件響應(yīng)函數(shù)
viewTap: function() {
// ...
}
}
})
這種創(chuàng)建方式非常類似于 自定義組件 ，可以像自定義組件一樣使用 behaviors 等高級(jí)特性。
具體細(xì)節(jié)請(qǐng)閱讀 Component 構(gòu)造器 章節(jié)。
新聞名稱：創(chuàng)新互聯(lián)小程序教程：微信小程序注冊(cè)頁(yè)面
鏈接URL：http://fisionsoft.com.cn/article/ccseigh.html
