查看: 57|回复: 0

uni-app 监听返回按钮

[复制链接]

1

主题

0

回帖

0

积分

热心网友

金币
0
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-10-11
发表于 2020-12-4 14:59:00 | 显示全部楼层 |阅读模式

前置条件:

  1. 开发环境:windows

  2. 开发框架:uni-app , H5+,nativeJS

  3. 编辑器:HbuilderX 2.8.13

    4. 兼容版本:安卓,IOS已作测试

进入正题:

文档地址uni-app:

https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f

uni-app自定义返回逻辑教程:https://ask.dcloud.net.cn/article/35120

onBackPress(e){
  console.log("监听返回按钮事件",e);
  uni.navigateTo({
    url:"/pages/details/details?type=2"
  }) 
  // 此处一定姚要return为true,否则页面不会返回到指定路径
  return true;
}

2.1说明:

当用户进行以下操作时,会触发该函数:

  • Android 实体返回键 (from = backbutton)

  • 顶部导航栏左边的返回按钮 (from = backbutton)

  • 返回 API,即 uni.navigateBack() (from = navigateBack)

  • 只有在该函数中返回值为 true 时,才表示不执行默认的返回,自行处理此时的业务逻辑。

  • 当不阻止页面返回却直接调用页面路由相关接口(如:uni.switchTab)时,可能会导致页面显示异常,可以通过延迟调用路由相关接口解决。

  • 不返回或返回其它值,均会执行默认的返回行为。

  • H5 平台,顶部导航栏返回按钮支持 onBackPress(),浏览器默认返回按键及Android手机实体返回键不支持 onBackPress()

  • 暂不支持直接在自定义组件中配置该函数,目前只能是在页面中来处理。

 



来源:https://www.cnblogs.com/ts119/p/14085862.html
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部