javascript - 每当路由更改时如何提交突变以存储

Question

有什么方法可以在不使用Vuex 插件监听route/ 突变的情况下，在路由发生变化时提交突变来存储？

使用 vuex、nuxt、vue-router + vue-router-sync。

编辑:我正在尝试在商店的不同部分提交，而不仅仅是 route 部分。

看到很多问相反的问题，但不是这个，在标记重复时请记住；)。

Answer 1

你可以注册一个afterEach路由器上的监听器并从那里提交你的突变:

router.afterEach((to, from) => {
  store.commit('MY_MUTATION', ...)
})

我不熟悉 nuxt，但这可能有用:

// plugins/sync.js

export default ({ app: { router, store } }) => {
  router.afterEach((to, next) => {
    store.commit('MY_MUTATION', ...)
  })
}

// nuxt.config.js

plugins: [
  '~plugins/sync'
]