如何在 nativescript vue 中处理 webview 上的 android 后退按钮

Question

所以在 nativescript-vue 中，我有一个 webview，用户可以浏览其中的页面。但是当他们按下物理后退按钮时，应用程序退出而不是返回到 webview 上的上一个页面。

<WebViewExt :src="webviewLink" builtInZoomControls="false" displayZoomControls="false" />

我们该如何处理？

Answer 1

自己解决了。

首先，将此添加到脚本的顶部：

const application = require("tns-core-modules/application");

然后在您的 mounted 函数中检查后退按钮 activity。

if (application.android) {
            application.android.on(application.AndroidApplication.activityBackPressedEvent, function (args) {
                console.log("Event: " + args.eventName + ", Activity: " + args.activity);
    Set args.cancel = true; // to cancel back navigation and do something custom.
            });
        }

更多信息在这里：https://docs.nativescript.org/core-concepts/application-lifecycle

如何在 nativescript vue 中处理 webview 上的 android 后退按钮

How to handle android back button on webview in nativescript vue

android

back-button

webview

nativescript-vue