Home

Issue: 1815

Nested <nuxt-link> issue

[issue link]

I’d like to do the following:

<nuxt-link to="/"> <div class="preview-text"> Text </div> <nuxt-link to="/example">Link</nuxt-link> </nuxt-link>

But I’m getting:

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside

, or missing

. Bailing hydration and performing full client-side render.

And the nested link (/example) is rendering twice.

Any ideas why? Thanks!

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