Transitions between pages, routes, vues

  • I’m having trouble trying to find the best solution / method for transitioning between routes, pages and vues that are similar to Iphone / Android transitions.

    Are there any examples anyone knows of to help be achieve this?

    Many thanks

  • Admin

    This is the second time someone mentions about transition animations between routes/pages/views. Guess I should add this to the todo lists. To create some default transitions that can be used out of the box.

  • Admin

    Opened issue for this.
    Meanwhile you can take a look at maybe you can extract the right animations that you need.

  • I did try to use it as per VueRouter docs but it’s not working.
    E.g. with fade it is fading out page which is leaving but next page is already below that and then come up right after fade finishes.
    Did anyone worked out how to get nice transitions between pages? I am using vue2-animate

  • Hi maybe it helps. This is working for me quite good with the animate.css library.

                  enter-active-class="animated slideInUp"
                  leave-active-class="animated fadeOut"
          <router-view class="layout-view"></router-view>

Log in to reply

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.