uni-app 嵌套h5 打包app物理返回跳转外部链接怎么返回
时间: 2023-09-11 15:07:25 浏览: 178
在uni-app中,可以使用uni.navigateBack()方法来实现物理返回跳转外部链接后返回的操作。具体操作如下:
1. 在外部链接页面中,可以通过以下方式设置返回按钮的监听事件:
```javascript
window.addEventListener('popstate', function () {
// 返回到uni-app页面
uni.navigateBack({
delta: 1
});
});
```
2. 在uni-app页面中,可以在onBackPress生命周期函数中判断是否需要返回外部链接页面,如下所示:
```javascript
onBackPress: function () {
if (this.isExternalLink) {
// 返回到外部链接页面
window.history.back();
return true;
} else {
// 返回到上一个uni-app页面
uni.navigateBack({
delta: 1
});
return true;
}
}
```
其中,isExternalLink是一个标识变量,用于判断当前页面是否是外部链接页面。如果是外部链接页面,则调用window.history.back()方法返回到外部链接页面;否则,调用uni.navigateBack()方法返回到上一个uni-app页面。
需要注意的是,如果在外部链接页面中使用了浏览器的前进或后退功能,也会触发popstate事件,所以需要在popstate事件的回调函数中添加判断条件,避免误操作导致程序异常。
阅读全文