I have this folder structure
pages
--| _section
-----| _slug.vue
-----| index.vue
--| index.vue
The problem is Page transitions are broken on _section
route, when I navigate from one Dynamic route to another. I tried different modes, no help
transition: {
name: 'page',
mode: 'out-in'
}
Also tried to add a key
, like
<template>
<section :key="$route.params.section">
<ul>
<li v-for="article in $store.state.articles">
<nuxt-link :to="{ name: 'section-slug', params: { section: article.section, slug: article.slug } }">{{ article.title }}</nuxt-link>
</li>
</ul>
</section>
</template>
Still doesn't work. How to fix it?
<!--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/c1978">#c1978</a>)</em></sub></div>