uni-app 嵌套h5 打包app物理返回
时间: 2023-09-07 21:11:10 浏览: 166
在 uni-app 中嵌套 H5 页面,在打包成 App 后,物理返回键默认是返回上一页,而不是关闭应用程序。如果需要让物理返回键关闭应用程序,可以通过以下方法实现:
1. 在 App.vue 中监听物理返回键的事件:
```
onBackPress() {
uni.showModal({
title: '提示',
content: '确定要退出应用吗?',
success: function (res) {
if (res.confirm) {
uni.navigateBack({
delta: 1,
animationType: 'pop-out'
});
}
}
});
},
created() {
uni.onBackPress(this.onBackPress);
},
beforeDestroy() {
uni.offBackPress(this.onBackPress);
}
```
2. 在 H5 页面中监听浏览器的返回事件:
```
window.onpopstate = function() {
uni.postMessage({
data: 'back'
});
};
```
3. 在 H5 页面中向 uni-app 发送消息:
```
window.parent.postMessage({
data: 'back'
}, '*');
```
4. 在 uni-app 中接收消息并执行返回操作:
```
onMessage(e) {
if (e.data === 'back') {
uni.navigateBack({
delta: 1,
animationType: 'pop-out'
});
}
}
```
阅读全文