Как отключить скрипты и стили при переходе с одного компонента(Route) на другой?
Приветствую, товарищи, нужна помощь!
Использую Vue-router. Все отлично работает, но есть большое НО. При переходе на другой урл(роут), влияние всех стилей и скриптов с предыдущего компонента остается активным. Как их потушить так, чтобы при возврате, перерендрить все заново(Убирал keep-alive, но все же сторонние скрипты не перестают влиять на current state).
К примеру на главной странице я использую pagepiling.js(Красивый "липкий" вертикальный слайдер с навигационными точками). Он при инициализации создает какие то лишние скрипты и стили в head и создает div#pp-nav вне контейнера. Как удалить все что творилось в первом компоненте при переходе на другой компонент?
Vue не отвечает за ваш слайдер, поэтому его средствами врятли получится что-то сделать. Как вариант проверить, что создает данный слайдер и ручками затереть эти элементы. Или использовать более специфичные стили для ваших компонент, или создавать стили, которые не будут пересекаться.
Простой