微信小程序怎么主动调用生命周期函数

微信小程序怎么主动调用生命周期函数,第1张

你好,

1.1 监听页面加载

onLoad: function (options) {},

一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。

1.2 监听页面初渗备销次渲染完成

onReady: function () {},

一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。

1.3 监听页面显示

onShow: function () {},

每次打开页面都会丛游调用一次。

1.3 监听页面隐藏

onHide: function () {},

当navigateTo或底部tab切换时调用。

1.4 监听滚氏页面卸载

onUnload: function () {},

当redirectTo或navigateBack的时候调用。

一、使用来自不同页面的函数

函数写在util.js页面

function formatTime(date) {

var year = date.getFullYear()

var month = date.getMonth() + 1

var day = date.getDate()

var hour = date.getHours()

var minute = date.getMinutes()

var second = date.getSeconds()

return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')

}

function formatNumber(n) {

n = n.toString()

return n[1] ? n : '0' + n

}

module.exports = {

formatTime: formatTime,

}

使用函数

图片描做唤述

图片描述

二、使用相同页面的函数

get_productInformation: function () {

。。。。

},

getZones:function(){

this.get_productInformation

},

三、使纯知凯用app.js内定义的函数

app.js代码

//app.js

App({

onLaunch: function() {

//调用API从本地缓存中获取数据

var logs = wx.getStorageSync('logs') || []

logs.unshift(Date.now())

wx.setStorageSync('logs', logs)

},

get_a_test:function(){

console.log('this is a test')

},

getUserInfo: function(cb) {

var that = this

if (this.globalData.userInfo) {

typeof cb == "function" &&cb(this.globalData.userInfo)

} else {

//调用登录接口

wx.getUserInfo({

withCredentials: false,

success: function(res) {

that.globalData.userInfo = res.userInfo

typeof cb == "function" &&cb(that.globalData.userInfo)

}

})

}

},

globalData: {

userInfo: null,

college_change:false

}

})

在其他页面中使用

图猛帆片描述


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12384927.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存