Home

Issue: 1408

Nested Dynamic Route change causes parent route to re-render

[issue link]

First off, huge thanks for Nuxt. I love it!

I have a project with a simple folder structure similar to the following:

pages/
--items.vue
--items/
----_id.vue

I have included a <nuxt-child/> inside items.vue along with a list of items that link to different id’s. _id.vue simply renders a modal that displays info based on the id passed as a param.

This is all working and rendering properly except that each time an item is clicked, the items.vue component re-renders causing it reset its state and lose the users scroll position.

Is this expected behavior? Is it possible to have dynamic nested routes without re-rendering their parent with each route change?

This bug report is available on Nuxt.js community (#c1253)