首页 > 编程知识 正文

uni-app 监听返回按钮

时间:2023-05-05 22:13:29 阅读:280061 作者:87

扫码查看原文

前置条件:
开发环境:windows
开发框架:uni-app , H5+,nativeJS
编辑器:HbuilderX 2.8.13
兼容版本:安卓,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() 暂不支持直接在自定义组件中配置该函数,目前只能是在页面中来处理。一分快三大小单双位技巧准确率99 }) // 此处一定姚要return为true,否则页面不会返回到指定路径 return true;} 2.1说明: 当用户进行以下操作时,会触发该函数: Android 实体返回键 (from = backbutton) 顶部导航栏左边的返回按钮 (from = backbutton) 返回 API,即 uni.navigateBack() (from = navigateBack) 只有在该函数中返回值为 true 时,才表示不执行默认的返回,自行处理此时的业务逻辑。 当不阻止页面返回却直接调用页面路由相关接口(如:uni.switchTab)时,可能会导致页面显示异常,可以通过延迟调用路由相关接口解决。 不返回或返回其它值,均会执行默认的返回行为。 H5 平台,顶部导航栏返回按钮支持 onBackPress(),浏览器默认返回按键及Android手机实体返回键不支持 onBackPress() 暂不支持直接在自定义组件中配置该函数,目前只能是在页面中来处理。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。