feat:app嵌套h5返回键
This commit is contained in:
@@ -10,8 +10,6 @@ onMounted(async() => {
|
|||||||
appBridge.setHeaderShown(true);
|
appBridge.setHeaderShown(true);
|
||||||
// 设置系统状态栏明暗主题
|
// 设置系统状态栏明暗主题
|
||||||
appBridge.setStatusBarStyle('light');
|
appBridge.setStatusBarStyle('light');
|
||||||
// // 设置禁止原生返回
|
|
||||||
// appBridge.takeOverAndroidBack();
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -43,8 +43,10 @@ router.beforeEach((to, from, next) => {
|
|||||||
// 添加 Android 返回按钮监听方法
|
// 添加 Android 返回按钮监听方法
|
||||||
window.onAndroidBack = () => {
|
window.onAndroidBack = () => {
|
||||||
if (routerCanGoBack()) {
|
if (routerCanGoBack()) {
|
||||||
router.back(); // 使用 router.back() 而不是 router.goBack(),因为 Vue Router 使用 back() 方法
|
console.log('h5返回')
|
||||||
|
router.back();
|
||||||
} else {
|
} else {
|
||||||
|
console.log('app返回')
|
||||||
callAppGoBack(); // 调用 APP 的返回方法
|
callAppGoBack(); // 调用 APP 的返回方法
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -155,7 +155,10 @@ const handleBack = () => {
|
|||||||
return true; // 表示已处理返回事件
|
return true; // 表示已处理返回事件
|
||||||
} else {
|
} else {
|
||||||
console.log('app返回');
|
console.log('app返回');
|
||||||
// 没有更多历史记录,让APP自行处理返回
|
// 没有更多历史记录,尝试使用appBridge处理返回
|
||||||
|
if ((window as any).appBridge && (window as any).appBridge.closeWebView) {
|
||||||
|
(window as any).appBridge.closeWebView();
|
||||||
|
}
|
||||||
return false; // 表示未处理返回事件,应由APP处理
|
return false; // 表示未处理返回事件,应由APP处理
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user