小程序4(注册page)

小程序有很多页面文件
每个页面文件有一个js文件,在js文件里调用Page方法称为注册页面
一般情况,每个页面都需要调用Page注册页面

注册了Page后我们可以在Page里干什么
1、在生命周期函数里发送网络请求,从服务器获取数据,比如在onLoad函数里通过request获取服务器里的数据
2、初始化一些数据,方便wxml引用展示
3、监听wxml的一些事件,绑定相对应的事件函数,比如监听button的点击,在js里定义button绑定的函数
4、其他事件的一些监听(页面滚动、上拉刷新、下拉加载)
Page的官方文档

常用的使用方法代码显示

// pages/home/home.js
Page({
  // ---------2、初始化数据----------
  data: {
    message: 'hhhh',
    list: []

  },
  // -----------1、监听页面的生命周期函数-----------
  // 页面被加载出来时
  onLoad: function () {
    //向服务器发送请求获取数据
    // wx.request({
    //   url: 'http://123.207.32.32:8000/recommend',
    //   //使用=>可以使this指针不易出错,这里的this是一层一层向上找的
    //   success: (res) => {
    //     const data=res.data.data.list;
    //     // 使用setData每次值改变时会自动刷新页面
    //     this.setData({
    //       list:data
    //     })
    //   }
    // })
  },
  // 页面初次渲染时
  onReady: function () {

  },
  // 页面显示出来时
  onShow: function () {

  },
  //页面被隐藏时
  onHide: function () {

  },
  //两个页面跳转时,关闭其中的一个页面时会被调用
  onUnload: function () {

  },
// ---------3、监听wxml中的一些事件----------
//eg.button/view点击时绑定的一些函数
  handleViewClick(){
    console.log("view被点击了")
  },

// ---------4、其他的一些监听------------
// 监听页面的滚动 
onPageScroll(obj){
  console.log(obj)
  // const data=obj.scrollTop
  // this.setData({
  //   list:data
  // })
},
// 监听页面是否滚动到底部 在做下拉刷新的时候可以用
onReachBottom(){
  console.log('页面滚动到底部')
},
// 监听下拉刷新 要在json文件中打开允许下拉
onPullDownRefresh(){
  console.log("下拉刷新了")
}

})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值