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

})

},

完美处理用户体验问题

相关推荐
杰建云1677 小时前
微信小程序自制全流程实测与避坑指南
微信小程序·小程序
小羊Yveesss7 小时前
2026年商城小程序需要多少成本?
小程序
智慧景区与市集主理人9 小时前
巨有科技市集小程序精准匹配摊主与业态,解锁市集增收新可能
科技·小程序
kyh10033811209 小时前
微信小程序 聚合摇骰喝酒工具 完整实现(含源码)
微信小程序·小程序·摇骰子小游戏
博客zhu虎康9 小时前
小程序按钮实现先表单校验再走手机号获取功能
android·javascript·小程序
万象资讯10 小时前
2026实测|订货小程序哪个平台支持快速部署?
小程序
码云社区10 小时前
JAVA同城上门做饭系统家政上门同城服务系统源码小程序+APP+公众号+h5
java·开发语言·小程序
陈龙龙的陈龙龙10 小时前
uni-app中获取参数的几个方法
uni-app
果壳~10 小时前
【Uniapp】【rich-text】富文本展示以及图片预览功能解决方案
前端·javascript·uni-app
杰建云16710 小时前
小程序从零搭建全流程实战指南
开发语言·小程序·php