Как в Framework7 отловить переход роутера?

Question

[Игорь Безлепкин]

Привет! Есть ли в Framework7 в роутерах аналог router.beforeEach() ?
Нужно в случае если пользователь разлогинелся редиректнуть его на форму авторизации.

Answer 1

[Александр Аксентьев]

https://framework7.io/docs/view.html#router-instan...

документация, не?

Comments

[Игорь Безлепкин]

<script>
export default {
  on: {
     pageBeforeIn: function (e) {
      console.log('working..');
    }
  }
}
</script>

так не пашет...

[Сергей Левченко]

Игорь Безлепкин, покажите весь код.
Рабочий пример:
routes.js:

export default [
  {
    path: '/',
    component: HomePage,
    on: {
      pageBeforeIn: function (event, page) {
        console.log("it's work");
      },
      pageAfterIn: function (event, page) {
        // do something after page gets into the view
      },
      pageInit: function (event, page) {
        // do something when page initialized
      },
      pageBeforeRemove: function (event, page) {
        // do something before page gets removed from DOM
      },
    }
  },
  {
    path: '(.*)',
    component: NotFoundPage,
  },
];

[Сергей Левченко]

либо можно так(в компоненте)

mounted () {
      this.$f7.view.main.router.on('pageBeforeIn', function () {
        console.log('work!');
      });
    }

[Игорь Безлепкин]

Сергей Левченко, мне нужно отлавливать из любой точки приложения. А тут по идее только в "/'

[Сергей Левченко]

Игорь Безлепкин, а вы пробовали? Код, что я написал выше засуньте в main.js
мне кажется это, то что вам нужно.
Обновил ответ.

Answer 2

[Сергей Левченко]

В main.js

mounted () {
  this.$f7.view.main.router.on('pageBeforeIn', function () {
    if (userSignIn) {
      console.log('авторизован');
    } else {
      console.log('не авторизован, редиректим на логин пэйдж');
      this.$f7.view.main.router.navigate('/login/',{reloadCurrent: true});
    }
  });
}