Почему при transition router видно как разваливается слайдер?

Question

[myskypesla]

Есть 2 страницы.

На каждой есть слайдер Slick.js.

У router есть transition fade, просто изменяется opacity при fade-enter.

Но перед тем как переключить роутер, видно как сначала разваливается слайдер, так как уничтожается компонент, а затем плавно появляется новый роутер.

Как исправить можно?

Comments

[alexalexes]

Какая конфигурация слайдера при инициализации?

[myskypesla]

alexalexes, autoplay: true. Но дело не в слайдере, а в том, что при уничтожении роутера видно, как он разваливается

[alexalexes]

Могу только предположить, что возникает паразитный эффект из-за наличия transition.
Нужно подавить это свойство (вероятно, преимущественно, у дочерних элементов компонента) на время уничтожения компонента. Или скрыть компонент (display: none), а потом уничтожить.
В общем, принять меры, чтобы не происходило анимированного исчезновения.

[myskypesla]

alexalexes, у меня transition только на роутере с таким css:

.fade-enter-active {
  transition: opacity 1s;
}

.fade-enter {
  opacity: 0;
}