开发者社区> 问答> 正文

小程序页面运行机制 Page(object: Object)

小程序页面运行机制 Page(object: Object)

展开
收起
社区秘书 2020-04-27 14:08:47 1145 0
1 条回答
写回答
取消 提交回答
  • 在 /pages 目录的 .js 文件中,定义 Page(),用于注册一个小程序页面,接受 一个 object 作为属性,用来指定页面的初始数据、生命周期回调、事件处理等。 以下为一个基本的页面代码:

    Page({
     data: {
     title: "Alipay",
     },
     onLoad(query) {
     // 页面加载
     },
     onShow() {
     // 页面显示
     },
     onReady() {
     // 页面加载完成
     },
     onHide() {
     // 页面隐藏
     },
     onUnload() {
     // 页面被关闭
     },
     onTitleClick() {
     // 标题被点击
     },
     onPullDownRefresh() {
     // 页面被下拉
     },
     onReachBottom() {
     // 页面被拉到底部
     },
     onShareAppMessage() {
    // 返回自定义分享信息
     },
     // 事件处理函数对象
     events: {
     onBack() {
     console.log('onBack');
     },
     },
     // 自定义事件处理函数
     viewTap() {
     this.setData({
     text: 'Set data for update.',
     });
     },
     // 自定义事件处理函数
     go() {
     // 带参数的跳转,从 page/ui/index 的 onLoad 函数的 query 中读取 type
     my.navigateTo({url:'/page/ui/index?type=mini'});
     },
     // 自定义数据对象
     customData: {
     name: 'alipay',
     },
    });
    

    内容来源:https://developer.aliyun.com/article/756818?spm=a2c6h.12873581.0.dArticle756818.26162b70Su1GZy&groupCode=tech_library

    2020-04-27 14:09:39
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《云市场-小程序》 立即下载
数字乡村建设方案 立即下载
mPaaS 小程序新品发布 立即下载