Vue. $ Router.push с тем же маршрутом, но с другими параметрами - как вызвать переход?

Question

Мое приложение использует this.$router.push для изменения состояния. Первый маршрут - /page/1, следующий /page/2 и т. Д. Моя проблема в том, что поскольку Vue не перезагружает компонент, эффект перехода не срабатывает. Как я могу это исправить? Я не против, если весь компонент должен быть воссоздан.

Так как нет родительского компонента, я не нашел способа использовать: key.

App.vue:

<collapse-transition origin="center" mode="out-in" :duration="250">
  <router-view/>
</collapse-transition>

router.ts:

{
  path: '/page/:case',
  name: 'Page',
  component: Page,
},            

Компонент страницы:

this.$router.push("/page/" + case + 1)

Answer 1

Наконец я сделал это:

    <collapse-transition origin="center" mode="out-in" :duration="250">
        <router-view :key="$route.fullPath"/>
    </collapse-transition>