# 注册页面
对于小程序中的每个页面,都需要在页面对应的 js 文件中进行注册,指定页面的初始数据、生命周期回调、事件处理函数等。
# Page 构造器
简单的页面可以使用 Page 构造器进行注册。
// page/index/index.js
Page({
data: {
text: "Initial data"
},
onLoad: function(options) {
// 页面创建时执行
},
// 事件响应函数
viewTap: function() {
this.setData({
text: 'Updated data'
})
},
})
详细的参数含义和使用请参考 Page 参考文档 。
此外,对于比较复杂的页面,更推荐使用 Component 构造器来注册页面,具体细节请参考 组件脚本 。
# 页面跳转
基础库 2.16.1 开始支持,低版本需做兼容处理。
小程序的多个页面间可以相互跳转。其中,最常见的是打开一个新页面,此时可以使用 navigateTo 接口。
// page/index/index.js
Page({
// 事件响应函数
viewTap: function() {
// 打开一个新页面(路径相对于当前页面)
this.router.navigateTo({
url: '../cart/cart'
})
},
})
新打开的页面路径上,必须有对应的 .json、.wxml、.js 文件。其中 js 文件也必须注册页面。
相应地,在新的页面中,可以使用 navigateBack 接口返回之前的页面。
// page/cart/cart.js
Page({
// 事件响应函数
viewTap: function() {
// 返回之前的页面
this.router.navigateBack()
},
})
详细的参数含义和使用请参考 Router 参考文档 。