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

})

},

完美处理用户体验问题

相关推荐
数字游民95271 小时前
史诗级更新:微信小程序支持个人主体接入虚拟支付
ai·微信小程序·小程序·opc·数字游民9527
smartpi_ai2 小时前
语音模块与主控 MCU 串口对接实战:协议设计六要点,联调少走一半弯路
人工智能·小程序·语音识别
禾高网络2 小时前
养老系统开发:背景、架构与养老行业展望
java·大数据·人工智能·小程序·架构
lhldsg5 小时前
相册印刷实战指南:从设计规范到系统落地全流程解析
java·小程序·架构·设计规范
汤姆yu6 小时前
基于微信小程序的晚托机构管理系统
微信小程序·小程序·晚托
博、、6 小时前
酒馆预约系统开发实战:从需求分析到上线部署指南
小程序·需求分析
zww89491116 小时前
相册印刷项目实战指南:从设计到成品的完整技术流程
java·小程序·eclipse
2501_915918417 小时前
Flutter项目配置iOS混淆的详细步骤与工具推荐
android·flutter·ios·小程序·uni-app·cocoa·iphone
梦曦i7 小时前
create-uni-app v1.2.0:交互体验优化
前端·uni-app
这是程序猿8 小时前
高校宿舍信息管理系统小程序
java·小程序·毕业设计