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

})

},

完美处理用户体验问题

相关推荐
潜意识起点3 小时前
微信小程序 app.json 配置文件解析与应用
微信小程序·小程序·json
计算机徐师兄10 小时前
Java基于SSM框架的无中介租房系统小程序【附源码、文档】
java·微信小程序·小程序·无中介租房系统小程序·java无中介租房系统小程序·无中介租房微信小程序
源码哥_博纳软云10 小时前
JAVA智慧养老养老护理帮忙代办陪诊陪护小程序APP源码
java·开发语言·微信小程序·小程序·微信公众平台
说私域10 小时前
私域电商逆袭密码:AI 智能名片小程序与商城系统如何梦幻联动
人工智能·小程序
孙 悟 空16 小时前
uni-app:监听页面返回,禁用返回操作
前端·javascript·uni-app
说私域21 小时前
无人零售及开源 AI 智能名片 S2B2C 商城小程序的深度剖析
人工智能·小程序·零售
mosen8681 天前
uniapp中uni.scss如何引入页面内或生效
前端·uni-app·scss
lyz2468591 天前
uniapp popup弹窗组件的自定义使用方法
uni-app
沙尘暴炒饭1 天前
uniapp 前端解决精度丢失的问题 (后端返回分布式id)
前端·uni-app
牛牛科技1 天前
生产管理系统PHP+Uniapp源码
uni-app