Vue. Как на одну кнопку повесить два маршрута?

Question

[Влад]

Привет. Допустим есть лэйаут, содержимое меняется заменой компонентов смотря какой маршрут.
В самом низу лэйаута есть кнопка "Продолжить"

<router-link tag="button" :to="{name: 'catalog', params: {module: 'view-1'}}">
Продолжить
</router-link>

Кликнул и перешел по урлу catalog/view-1
Но как мне сделать так, чтобы при повторном клике был переход к module: 'view-2' ?

Answer 1

[0xD34F]

Сделать значение параметра to зависящим от текущего маршрута:

computed: {
  catalogRoute() {
    return {
      name: 'catalog',
      params: {
        module: this.$route.name === 'catalog'
          ? this.$route.params.module.replace(/\d+/, m => +m + 1)
          : 'view-1',
      },
    };
  },
},

<router-link :to="catalogRoute">

https://jsfiddle.net/j6uh21cL/