Как уничтожить fullpage.js при переходе между роутами?

Question

[myskypesla]

Привет всем.
Есть сайт из 5 страниц. Каждая страница - это роутер.
На главной странице в mounted() я инициализируются fullpage.js. Всё ок на данном этапе.
Но когда перехожу на другую страницу (меняется роутер), то у html и body остаются классы и стили, которые были добавлены плагином fullpage.js и которые ломают вёрстку на других страницах.

У плагина есть функция destroy("all"), которая удаляет всю инициализацию и всё что связано с плагином. Я попробовал её запустить в router/index.js с методом beforeRouteLeave, не выходит.

Как можно решить проблему?

Comments

[Evgeny Kulakov]

destroy точно запускается? Посмотрите пример вызова этого метода на сайте если не смотрели.

[myskypesla]

Evgeny Kulakov, он как раз таки не запускается. Иначе бы уничтожил всё :)

[Evgeny Kulakov]

myskypesla, ну т.е. у вас хук просто не срабатывает получается. Покажите код как вызываете.

[myskypesla]

Этот код на главной странице инициализирует fullpage slider.

mounted() {
    $('#fullpage').fullpage({
      navigation: true,
      navigationPosition: 'left',
      navigationTooltips: ['Главная', 'Почему гель?', 'Ассортимент'],
      scrollingSpeed: 1500,
      easingcss3: 'cubic-bezier(.39, .575, .565, 1)',
      fitToSection: true,
    });
  }

А это я прописываю в файле router/index.js

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Index',
      component: Index,
      beforeRouteLeave() {
        $.fn.fullpage.destroy('all');
      },
    },
  ]
};

[Evgeny Kulakov]

Хм, ещё раз прочитал ваш вопрос. У вас при переходе вообще новый объект роутера создаётся, а не просто на новый маршрут переход идёт в текущем? Принт делали в хуке? Может попробовать в хуке beforeDestroy компонента с которого уходите сделать вызов.

[myskypesla]

Evgeny Kulakov, у меня страница это компонент, просто в папке pages и ведёт себя как компонент, со всеми вытекающими. А есть ссылка на пример, где можно посмотреть на реализацию хука?

[Evgeny Kulakov]

myskypesla, на главной странице, при уходе с которой вам нужно удалить fullpage добавьте хук:

beforeDestroy() {
  $.fn.fullpage.destroy('all');
}

[myskypesla]

Evgeny Kulakov, Спасибо большое за помощь! Всё получилось.