(精华)2020年7月9日 微信小程序 页面生命周期

Page({
  // 页面第一次渲染使用的初始数据
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // 生命周期回调—监听页面加载
  },
  onShow: function() {
    // 生命周期回调—监听页面显示
    console.log(this.route)//页面路由
  },
  onReady: function() {
    // 生命周期回调—监听页面初次渲染完成
  },
  onHide: function() {
    // 生命周期回调—监听页面隐藏
  },
  onUnload: function() {
    // 生命周期回调—监听页面卸载
  },
  onPullDownRefresh: function() {
    // 监听用户下拉动作
  },
  onReachBottom: function() {
    // 页面上拉触底事件的处理函数
  },
  onShareAppMessage: function (options) {
    // 用户点击右上角转发
    if (options.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }
    return {
      title: '自定义转发标题',
      path: '/page/user?id=123'
    }
  },
  onShareTimeline: function () {
    // 用户点击右上角转发到朋友圈
  },
  onAddToFavorites: function (options) {
    // 用户点击右上角收藏
    // webview 页面返回 webviewUrl
    console.log('WebviewUrl: ', options.webviewUrl)
    return {
      title: '自定义标题',
      imageUrl: 'http://demo.png',
      query: 'name=xxx&age=xxx',
    }
  },
  onPageScroll: function(options) {
    // 页面滚动触发事件的处理函数
  },
  onResize: function() {
    // 页面尺寸改变时触发
  },
  onTabItemTap(item) {
  	// 当前是 tab 页时,点击 tab 时触发
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  //开发者可以添加任意的函数或数据到 Object 参数中,在页面的函数中用 this 可以访问
  //页面<view bindtap="viewTap"> click me </view>处理函数
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  },
})
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:上身试试 返回首页