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

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" });
}