• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序开发之单页面生命周期

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
  • data
    • 页面初始化数据,相当于view的虚拟节点,存放页面需要的数据,
    • 类型:Array,Object,Function,String,Number,Null,boolean等
    • 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致。
    • 仅支持设置可 JSON 化的数据。
    • 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。
    • 请不要把 data 中任何一项的 value 设为 undefined ,否则这一项将不被设置并可能遗留一些潜在问题
 
  • onLoad(options)
    • 监听页面的加载,加载完成后就不会再执行。
    • 可以接受上个页面伴随url传递过来的参数
 
  • onShow()
    • 页面加载完成后开始执行,在返回上个页面时会执行
 
  • onHide()
    • 离开页面时执行,wx.navigateTo时会执行
 
  • onReady()
    • 页面渲染完行
 
  • onUnload()
    • 页面卸载时会执行,wx.reLaunch()时会执行
 
 
  • onPullDownRefresh()
    • 页面下拉时触发,可以在这里执行下拉刷新的操作
 
  • onReachBottom()
    • 页面上啦触底执行,执行上划加载事件
    • 页面触底事件是相对于整个页面而言触底时触发,单个view元素需要用js实现
 
注:使用上拉加载下拉刷新需要现在json文件中 进行如下配置
{
    "enablePullDownRefresh": true,
    "backgroundTextStyle": "dark",
    "onReachBottomDistance": 50
}
 
 
onShareAppMessage: function (res) {
    if (res.from === 'button') {
        // 来自页面内转发按钮
        console.log(res.target)
    }
    return {
        title: '项目名称',
        path: '/pages/xx/xx'
    }
}
 

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序笔记初识小程序发布时间:2022-07-18
下一篇:
小程序loading加载和提示框发布时间:2022-07-18
热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap