Как в Nuxt задать анимацию элементу при уходе со страницы?

Question

[VegasChickiChicki]

Суть в том, что я не могу понять, как сделать так, что бы при уходе со страницы, происходила анимация не всей страницы, а определенного элемента\элементов. Прошу помощи, объясните, что я упустил и куда смотреть, спасибо!

Answer 1

[Сергей]

Посмотрите про переходы между маршрутами здесь https://ru.nuxtjs.org/guide/routes-transitions/

Как вариант создавать в CSS каскадность, то есть анимацию настраивать не для основного класса, а вложить в него классы нужных элементов, и уже к ним применить анимации.

Надеюсь, понятно объяснил ))

Comments

[VegasChickiChicki]

Я решил немного другим образом. Есть функция

beforeRouteLeave (to, from, next) {
            /* Тут то что должно произойти перед закрытием страницы */
            this.beforeLeave = false;
            next();
        },

Создал параметр:

data: function(){
            return{
                beforeLeave: true,
            }
        },

Компонентам задал параметр:
class="project-main_slider" v-if="beforeLeave"
Как то так, перед выходом элементы убираются и на них уже срабатывают классы анимация, и да, элементы обернуты в тег

<transition>

</transition>

Все работает вроде бы, не знаю насколько это правильно правда.