скрытые параметры в роутере с использованием vuex

Question

У меня два компонента в одном и том же компоненте, но я хочу обновить атрибут моего магазина . js при нажатии на каждый из них.

<router-link :to="'service'" @click="origin(2)"><a class="navigation-links "><i class="fas fa-coins" />&nbsp;New service  </a></router-link>
<router-link :to="'service'" @click="origin(1)"><a class="navigation-links"><i class="fas fa-coins" />&nbsp; Update service </a></router-link>

Код источника функции:

function origin(newValue) {
  this.$store.commit(SET_ORIGIN, newValue)
}

Но он никогда не вызывался, и мой магазин не обновляется

Я не хочу иметь два разных URL, потому что для пользователи, это должно быть одно и то же действие

Я тестировал с событием @ click.native, но он не работает ни

Есть предложения?

Answer 1

Вы пытались перемещаться внутри метода после сохранения ваших данных?

<div @click="origin(2)"></div>

function origin(newValue) {
  this.$store.commit(SET_ORIGIN, newValue);
  this.$router.replace({ name: "service" });
}