使用 vuex 在路由器链接中隐藏参数

Question

我有两个访问同一个组件，但是当我点击每个组件时，我想更新我的 store.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" });
}