小程序禁止后退

小程序禁止后退,第1张

需求:

页面内d出半屏的d窗或在页面内加载一个全屏的子页面时,用户进行返回 *** 作会直接离开当前页面,不符合用户预期,预期应为关闭当前d出的组件。

为此官方提供“page-container”容器组件,效果类似于 popupd出层,页面内存在该容器时,当用户进行返回 *** 作,关闭该容器不关闭页面。返回 *** 作包括三种情形,右滑手势、安卓物理返回键和调用 navigateBack 接口。

具体使用:

简单来说,就是把自己写的d框,最外面标签换成page-container,用户点击导航栏的返回键、左滑 *** 作返回等,会关闭这个d框,而不会关闭整个页面。

一般想实现后退刷新效果,

比如判断是否登录啊, 这个时候可以在 onShow 函数里面写判断是否登录,如果没有登录跳转到登录页。

再比如判断页面是否有加载某个数据, 就在onShow里面判断:如果等于空的话, 就再加载一次。

示例代码:

App({

  onLaunch: function(options) {    

  // 生命周期函数--监听小程序初始化    当小程序初始化完成时,会触发 onLaunch(全局只触发一次)    

  },

  onShow: function(options) {      

  // 生命周期函数--监听小程序显示(后退到这个页面的时候这个就会被回调)    当小程序启动,或从后台进入前台显示,会触发 onShow    

  },

  onHide: function() {      

  // 生命周期函数--监听小程序隐藏    当小程序从前台进入后台,会触发 onHide    

  },

  onError: function(msg) {

  // 错误监听函数    当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

  },

  globalData: 'I am global data'})

更详细的资料应该参照官网API看, 因为随着升级有些方法可能不再适用!

小程序API 网页链接


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存