How get current url in App in Vue?

1

How get current url in App in Vue? This need for Android back button.

Framework 7 v 3.0.0

mounted () {
 console.log(this.$f7.view.current.router.url) // undefined
}
2

It should be this.$f7.view.router.currentRoute.url but you may not need it, here is how back button handled in app created with F7 CLI:

var f7 = cordovaApp.f7;
const $ = f7.$;
if (f7.device.electron) return;

document.addEventListener('backbutton', function (e) {
  if ($('.actions-modal.modal-in').length) {
    f7.actions.close('.actions-modal.modal-in');
    e.preventDefault();
    return false;
  }
  if ($('.dialog.modal-in').length) {
    f7.dialog.close('.dialog.modal-in');
    e.preventDefault();
    return false;
  }
  if ($('.sheet-modal.modal-in').length) {
    f7.sheet.close('.sheet-modal.modal-in');
    e.preventDefault();
    return false;
  }
  if ($('.popover.modal-in').length) {
    f7.popover.close('.popover.modal-in');
    e.preventDefault();
    return false;
  }
  if ($('.popup.modal-in').length) {
    if ($('.popup.modal-in>.view').length) {
      const currentView = f7.views.get('.popup.modal-in>.view');
      if (currentView && currentView.router && currentView.router.history.length > 1) {
        currentView.router.back();
        e.preventDefault();
        return false;
      }
    }
    f7.popup.close('.popup.modal-in');
    e.preventDefault();
    return false;
  }
  if ($('.login-screen.modal-in').length) {
    f7.loginScreen.close('.login-screen.modal-in');
    e.preventDefault();
    return false;
  }

  const currentView = f7.views.current;
  if (currentView && currentView.router && currentView.router.history.length > 1) {
    currentView.router.back();
    e.preventDefault();
    return false;
  }

  if ($('.panel.panel-in').length) {
    f7.panel.close('.panel.panel-in');
    e.preventDefault();
    return false;
  }
}, false);

In your case f7 is this.$f7