微信小程序中常见的on事件方法包括:
onlaunch事件
当小程序初始化完成时,会触发 onLaunch(全局只触发一次)(app.js);
onLoad事件
页面加载,小程序注册完成后,加载页面,触发onLoad方法。一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数(页面js)。
onShow事件
页面显示,页面载入后触发onShow方法,显示页面。每次打开页面都会调用一次(比如当小程序有后台进入到前台运行或重新进入页面时)。
onReady事件
首次显示页面,页面初次渲染完成,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。
onHide事件
页面隐藏, 当navigateTo、底部tab切换、上传文件选择图片时调用。
onUnload事件
页面卸载,当返回上一页wx.navigateBack、wx.relanch、wx.redirectTo时都会被调用(这里的坑有点深)。
基本上可以说执行顺序为onLaunch–onLoad–onShow–onReady–onHide.
接下来我们来看看小程序不同的启动方式所触发事件的先后顺序。
启动小程序并进入
下载小程序 => 启动小程序 onLaunch事件触发 => 加载首页 onLoad事件触发 => 首页 onShow事件
退出重进(启动小程序后,退出小程序,再次进入小程序)
再次进入小程序 => 进入退出小程序时所在页面 触发onShow
退出重进首页(启动小程序后,退出小程序,通过扫二维码再次进入小程序)
再次进入小程序 => 进入退出小程序时所在页面A 不触发onShow => 触发页面A onHide => 触发页面A onUnload=> 进入首页 onLoad => 首页onShow
启动并进入指定页面(从小程序的分享卡片或者微信发送的通知消息进入小程序)
下载小程序 => 启动小程序 onLaunch事件触发 => 加载指定页面 onLoad事件触发 =>指定页面 onShow事件
退出重进指定页面(启动小程序后,退出小程序,从小程序的分享卡片或者微信发送的通知消息进入小程序)
再次进入小程序 => 进入退出小程序时所在页面A 不触发onShow => 触发页面A onHide => 触发页面A onUnload => 进入邀请加载页面onLoad => 加载页面onShow
通过以上内容我们知道了小程序中常见的on方法,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!