使用场景:当每次进入页面都需要执行某个函数时,如果用mixins,则需要每次都引入,此时可以考虑重定义一下全局周期函数
新建一个page.js文件
//?utils/page.js
import?wepy?from?'@wepy/core'
const?myPage?=??wepy.page
// const?globalData?=?getApp().$wepy.$options.globalData
// import store from '@/store'
wepy.page?=?function?(e,?rel)?{
??let?{
????onLoad,
????onShow,
????onPageScroll,
????onUnload,
????onHide
??}?=?e
??e.onLoad?=?(()?=>?{
????return?function?(options)?{
? ? ? // 此处为编写需要操作的代码
??????onLoad?&&?onLoad.call(this,?options)
????}
??})()
??e.onShow?=?(()?=>?{
????return?function?()?{
??????console.log('onshow001')
? ? ? // 此处为编写需要操作的代码
??????onShow?&&?onShow.call(this)
????}
??})()
??e.onPageScroll?=?(()?=>?{
????return?function?(event)?{
??????// 此处为编写需要操作的代码
??????onPageScroll?&&?onPageScroll.call(this,?event)
????}
??})()
??e.onUnload?=?(()?=>?{
????return?function?()?{
? ? ??// 此处为编写需要操作的代码
??????onUnload?&&?onUnload.call(this)
????}
??})()
??return?myPage.call(this,?e,?rel)
}
app.vue里:
require('./utils/page.js')
|