Static GitHub Issues

[1752] Transition single element

prev: Build and generate command results to "require is not defined" error
next: Nuxt generate and gh-pages issue

I'm seeing examples on how to transition pages and layouts, but not able to figure out how to transition a single element.

For example: I have a Header component shared between two pages.

Inside the Header component I have an element whose content changes based on the route, but otherwise remains the same.

I'd like to add a transition effect to that element only. Is that currently possible?

( I tried wrapping the element in a <transition> tag and adding a v-if/else directive with no luck.)

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1573">#c1573</a>)</em></sub></div>