uni-app 小程序- H5页面打开其他小程序处理方法

1、在小程序界面添加一个空页面。

在onLoad里面判断H5跳转进来的参数是打开小程序的

wx.navigateToMiniProgram({

appId: options.appId,

path: options.appLink,

extraData: {

foo: 'bar'

},

envVersion: 'release',

success(res) {

// 打开成功

}

})

这样就可以打开其他小程序。

但是在打开其他小程序的时候,手机右滑触发返回事件,会返回到你创建的空页面。

这样在用户体验上不友好。

处理方法

我们在onLoad方法里面添加

uni.onAppShow(this.handleShowEvent)

在methods里面添加

handleShowEvent() {

uni.navigateBack({

delta: 1

})

},

完美处理用户体验问题

相关推荐
weixin_493503673 小时前
商会小程序附件上传:分片上传 + OSS 直传完整实现(Vue3 + 阿里云 OSS 实战)
阿里云·小程序·云计算
优度网4 小时前
微信小程序主体变更公证书线上办理流程与业务交接风险规避方法浅析(2026)
小程序
m0_587383006 小时前
外卖CPS系统开发实战:从架构设计到运营落地全指南
java·spring·小程序·架构·需求分析
梦曦i8 小时前
uni-router v0.2.0重磅发布:全链路拦截+重复导航优化
前端·uni-app
EatFan8 小时前
【实战经验】uni-app使用 SSE 踩坑,EventSource不支持怎么办?
android·后端·ios·uni-app
T011561813 小时前
全栈项目实战手记|艺培场馆课时预约小程序 PC 管理端 Demo 完整开发成果展示
小程序
凡泰AI13 小时前
如何为政务 APP 搭建开放平台,实现多部门、第三方供应商标准化入驻与统一管理
android·大数据·小程序·uni-app·app·政务
FX1317887KP_13 小时前
AI陪练正在重塑KET PET FCE口语备考,传统外教课还有必要吗?
人工智能·小程序·ket口语·pet口语·fce备考·剑桥英语
lhldsg14 小时前
从零构建智慧场馆解决方案小程序:开发全流程实战
java·前端·小程序
vx-Biye_Design21 小时前
SSM伴侣动物伴护星小程序06330-计算机课程设计、毕业设计
spring boot·后端·elasticsearch·小程序·架构·课程设计·idea