站三界导航
首页 uniapp代码Uniapp(小程序)页面回退时触发提示

Uniapp(小程序)页面回退时触发提示

  • uniapp代码
  • 来源:站三界导航
  • 111阅读
  • 2023-05-06

Uniapp(小程序)页面回退时触发提示

当页面存在需要用户填写的表单时,我们需要考虑是否存在用户不小心回退页面的问题。这将导致用户输入的数据都被销毁,用户的体验感极差。

在小程序中,我们无需使用复杂的方法对页面的回退进行监听,小程序中提供了 wx.enableAlertBeforeUnload() 方法对页面回退进行监听,以下便是其具体的用法。

官方文档:wx.enableAlertBeforeUnload(Object object)

wx.enableAlertBeforeUnload(Object object)

功能描述

开启小程序页面返回询问对话框。

弹窗条件

  • 当用户在小程序内非首页页面/最底层页
  • 官方导航栏上的的返回
  • 全屏模式下自绘返回键
  • android 系统 back 键时

注意事项

  • 手势滑动返回时不做拦截
  • 在任何场景下,此功能都不应拦住用户退出小程序的行为

参数:Object object

属性 类型 默认值 必填 说明
message string 询问对话框内容
success function 接口调用成功的回调函数
fail function 接口调用失败的回调函数
complete function 接口调用结束的回调函数(调用成功、失败都会执行)

代码:

wx.disableAlertBeforeUnload({
    message: '对话框内的内容',
    success:function(){},
    fail:function(){},
    complete:function(){},
})

wx.disableAlertBeforeUnload(Object object)

当设置了 wx.enableAlertBeforeUnload() 后,我们无论在何种情况下回退都将触发监听。这就意味着,即便我们成功提交表单后,也还是会触发监听。为了避免提交时被监听,我们就需要在提交完成回退前取消监听。
小程序为我们提供了 wx.disableAlertBeforeUnload() 方法来取消监听。

功能描述

关闭小程序页面返回询问对话框。

参数:Object object

属性 类型 默认值 必填 说明
success function 接口调用成功的回调函数
fail function 接口调用失败的回调函数
complete function 接口调用结束的回调函数(调用成功、失败都会执行)
本文结束
本文来自投稿,不代表站三界导航立场,如若转载,请注明出处:https://www.zhansanjie.com/article/details/41990.html

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

分享
站三界导航
本站声明:本站严格遵守国家相关法律规定,非正规网站一概不予收录。本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,站三界导航不承担任何责任。在此特别感谢您对站三界导航的支持与厚爱。