Home

Issue: 1752

Transition single element

[issue link]

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.)

This question is available on Nuxt.js community (#c1573)