uniapp APP开发监听顶部返回按钮到指定页面
2023-04-18 14:22:50 时间
目录
1.使用原生顶部导航栏
onBackPress | 监听页面返回,返回 event = {from:backbutton、 navigateBack} ,backbutton 表示来源是左上角返回按钮或 android 返回键;navigateBack表示来源是 uni.navigateBack ;详细说明及使用:onBackPress 详解 (opens new window)。支付宝小程序只有真机能触发,只能监听非navigateBack引起的返回,不可阻止默认行为。 | app、H5、支付宝小程序 |
onBackPress(options) {
if (options.from === 'navigateBack') {
return false;
}
// 这里使用重定向比较好,不信可以自己多试几种,其余跳转方法在文章底部哦
uni.redirectTo({
url: '/pages/index'
})
return true;
},
2.使用自定义顶部导航栏
//自定义的返回按钮添加点击事件back
//methods中新增back
// 1.只返回上级页面
back() {
uni.navigateBack()
}
// 2.返回指定页面(tabBar页面)
back() {
uni.switchTab({
url:'pages/index'
})
}
// 3.重定向到指定页面(任意页面)
back() {
uni.redirectTo({
url:'pages/index'
})
}
其他跳转方式:
1)uni.navigateTo: 保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
2)uni.redirectTo: 关闭当前页面,跳转到应用内某个页面。
3)uni.reLaunch: 关闭所有页面,打开到应用内的某个页面。
4)uni.navigateBack: 关闭当前页面,返回上一页或多级页面。可通过getCurrentPages()获取当前页面栈,决定需要返回几层。
5)uni.switchTab: 跳转到tabBar页面,并关闭其他所有非tabBar页面。
文章推荐:
1.动态切换底部导航栏及指定页面内容(uniapp开发小程序)
4.自定义顶部导航栏--uniapp_风雨-兼程的博客-CSDN博客
5.uniapp APP隐私政策审核:您的应用存在不合理获取短信/通话记录相关权限的行为(SEND_SMS ,READ_SMS权限)--华为APP隐私审核
相关文章
- 【技术种草】cdn+轻量服务器+hugo=让博客“云原生”一下
- CLB运维&运营最佳实践 ---访问日志大洞察
- vnc方式登陆服务器
- 轻松学排序算法:眼睛直观感受几种常用排序算法
- 十二个经典的大数据项目
- 为什么使用 CDN 内容分发网络?
- 大数据——大数据默认端口号列表
- Weld 1.1.5.Final,JSR-299 的框架
- JavaFX 2012:彻底开源
- 提升as3程序性能的十大要点
- 通过凸面几何学进行独立于边际的在线多类学习
- 利用行动影响的规律性和部分已知的模型进行离线强化学习
- ModelLight:基于模型的交通信号控制的元强化学习
- 浅谈Visual Source Safe项目分支
- 基于先验知识的递归卡尔曼滤波的代理人联合状态和输入估计
- 结合网络结构和非线性恢复来提高声誉评估的性能
- 最佳实践丨云开发CloudBase多环境管理实践
- TimeVAE:用于生成多变量时间序列的变异自动编码器
- 具有线性阈值激活的神经网络:结构和算法
- 内网渗透之横向移动 -- 从域外向域内进行密码喷洒攻击