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

})

},

完美处理用户体验问题

相关推荐
是大刚啊1 天前
微信小程序原生车牌输入器
微信小程序·小程序·tdesign·车牌号·车牌输入
一个假的前端男1 天前
uniapp vue2 三端瀑布流
前端·javascript·uni-app
kilito_011 天前
uniapp主包使用子包的图片 真机会显示不出来
uni-app
余道各努力,千里自同风1 天前
uni-app 请求封装
前端·uni-app
fakaifa1 天前
XYcourse课程预约小程序源码+uniapp前端 全开源+搭建教程
uni-app·php·源码分享·源码下载·xycourse·课程预约小程序
玖月晴空1 天前
Uniapp 速查文档
前端·微信小程序·uni-app
2501_915918411 天前
App 上架苹果商店全流程详解 从开发者账号申请到开心上架(Appuploader)跨平台免 Mac 上传实战指南
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
说私域1 天前
定制开发开源AI智能名片S2B2C商城小程序中的羊群效应应用研究
人工智能·小程序
一匹电信狗1 天前
【C++】红黑树详解(2w字详解)
服务器·c++·算法·leetcode·小程序·stl·visual studio
CsharpDev-奶豆哥2 天前
微信小程序通过主键ID修改json数据的技术分享
微信小程序·小程序·json