Как отключить скрипты и стили при переходе с одного компонента(Route) на другой?

Question

[Yeldos Adetbekov]

Приветствую, товарищи, нужна помощь!

Использую Vue-router. Все отлично работает, но есть большое НО. При переходе на другой урл(роут), влияние всех стилей и скриптов с предыдущего компонента остается активным. Как их потушить так, чтобы при возврате, перерендрить все заново(Убирал keep-alive, но все же сторонние скрипты не перестают влиять на current state).

К примеру на главной странице я использую pagepiling.js(Красивый "липкий" вертикальный слайдер с навигационными точками). Он при инициализации создает какие то лишние скрипты и стили в head и создает div#pp-nav вне контейнера. Как удалить все что творилось в первом компоненте при переходе на другой компонент?

Заранее спасибо !)

Answer 1

[Evgeny Kulakov]

Vue не отвечает за ваш слайдер, поэтому его средствами врятли получится что-то сделать. Как вариант проверить, что создает данный слайдер и ручками затереть эти элементы. Или использовать более специфичные стили для ваших компонент, или создавать стили, которые не будут пересекаться.