首页 > 解决方案 > Nuxtjs - this.$router 在 vuex 中有两个反应

问题描述

我将 nuxtjs 与 SSR 和 vuex 一起使用

在我的商店中,我有一个“动作”功能,可以从 url 获取查询和参数

export const actions = {
  getQueryParams() {
    console.log({
      'this.$router.history': this.$router.history,
      'this.$router.history.current': this.$router.history.current,
    });
  }
  // ...
}

但我有两个反应

  1. 当我直接进入使用此操作的页面时,我有我当前的路线
  2. 当我从另一个页面(通过 nuxt-link)进入此页面时,当我打电话时我有我以前的路线,当我打电话和开发this.$router.history.current时我有我当前的路线this.$router.historycurrent

在此处输入图像描述

我不知道为什么 vueRouter 和 vuex 会这样工作。任何人都可以帮助我吗?

标签: vue.jsvuexvue-routerserver-side-renderingnuxtjs

解决方案


推荐阅读