Is vue-transition (http://quasar-framework.org/components/vue-transitions.html) applicable for page transition too? It's very nice if you find that vue-transition supports both HTML element and page with built-in transitions (e.g. slider, fade). Although it's possible to define the transition by ourself. Thank you.
adwidianjaya
All 3 comments
Hi,
Yes, you can use <quasar-transition> on your <router-view>s (inside layouts too if you have any). It currently supports only one type of transition (slide) and next Quasar version will add the appear property. Quasar transition wraps <transition> Vue component so use it on only one descendent as child (not multiple nodes) as that would require the use of <group-transition>.
This component will get enhanced in later Quasar versions. It currently just isn't a high priority, so stay tuned :)
Cheers.
rstoenescu
on 2 Nov 2016
@rstoenescu where is this slide transition? is this pertaining to default page transition? I'm looking for a way to transition between routes.
rlam3
on 3 May 2018
@rlam3 Check http://quasar-framework.org/components/transition.html & http://quasar-framework.org/quasar-play/android/index.html#/showcase/animation/transition and use <transition> to wrap your page or <router-view>.
rstoenescu
on 4 May 2018
Related issues
darkscript
路
3Comments
slowaways
路
3Comments
xereda
路
3Comments
alexeigs
路
3Comments
fnicollier
路
3Comments
Most helpful comment
Hi,
Yes, you can use
<quasar-transition>on your<router-view>s (inside layouts too if you have any). It currently supports only one type of transition (slide) and next Quasar version will add theappearproperty. Quasar transition wraps<transition>Vue component so use it on only one descendent as child (not multiple nodes) as that would require the use of<group-transition>.This component will get enhanced in later Quasar versions. It currently just isn't a high priority, so stay tuned :)
Cheers.