Vue Transitions     

At the moment, Quasar provides only one ready to use Vue transition. If you don’t know what a transition is, read here.
Quasar Vue transitions work alongside v-show and v-if on a single element. Not supporting group transitions yet.

Supports all of Vue’s <transition> props.

“slide” transition

Slide the DOM element up or down based on its visibility.

<!-- Template for VueModel below -->
<q-transition name="slide">
v-show="visible" <<<<<<<<
<button @click="toggleVisibility()">Toggle</button>
// VueModel for template above
module.exports = {
data: {
visible: true
methods: {
toggleVisibility: function() {
this.visible = !this.visible;