В моем приложении есть элемент боковой панели router-view. vue, который является необязательным рядом с моим "обычным" router-view элементом. Теперь эта боковая панель имеет эффект перехода, когда она открывается, и теперь я также пытаюсь добавить скользящие переходы при навигации в пределах этой боковой панели. Идея состоит в том, что это должно работать как в приложении iOS Agenda:
Я добавляю transitionName в зависимости от $route.to и $route.from, но Я не вижу, как я получаю эффект, я хочу, как мой шаблон структурирован сейчас.
Я установил здесь песочницу: https://codesandbox.io/s/vuepoc-etqvg
- Нажмите "Go to Day x"
- Нажмите на «Детали» и открывается боковая панель (работает!)
- Нажмите «Расходы» на боковой панели (похоже, что требуется только переполнение: скрыто, но у меня не работает)
- Нажмите на «Назад» (это вообще не работает ..)
Есть ли кто-нибудь, кто может дать мне удар в правильном направлении? Я на правильном пути? Должен ли я структурировать мой HTML / css по-другому? Или, может быть, даже изменить способ, которым я структурирую свои маршруты и переместу боковую панель куда-нибудь еще?