Элемент перехода внутри компонента vue до перехода компонента - PullRequest
Новая
       14

Элемент перехода внутри компонента vue до перехода компонента

0 голосов
/ 17 сентября 2018

Я пытаюсь добавить некоторые переходы в SPA. У меня есть основной файл App.vue, который запускает два отдельных файла vue для каждого раздела SPA в соответствии со ссылкой на маршрутизатор, которая находится в самом основном app.vue. .

Я установил директиву that обертывающую директиву с помощью mode = "out-in", и все работает как шарм (я использую animate.css, поэтому все выглядит примерно так 

    <transition
        enter
        enter-class="enter-mainframe"
        enter-active-class="animated fadeInDown fast"
        leave-class="leave-mainframe"
        leave-active-class="animated fadeOutUp fast"
        mode="out-in"
    >
        <router-view @clicked="OnClickChild" ref="main"></router-view>
    </transition>

).

Теперь я пытаюсь добавить некоторые сложности.

Один из двух компонентов имеет панель, которая скользит с небольшой задержкой, и я обернул ее с помощью. Когда компонент загружается, панель выглядит отлично.

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

Любое предложение о том, как достичь желаемого поведения?

Заранее спасибо С наилучшими пожеланиями

Carlo

...