如何在路由器中访问带名称空间的vuex

要在路由器中访问带名称空间的 Vuex，可以使用 mapActions 和 mapGetters 方法将具有名称空间的模块的 actions 和 getters 映射到组件中。

下面是一个示例的解决方法：

1. 在 Vuex 的模块中定义名称空间和相应的 actions 和 getters：

// store/modules/example.js
export default {
  namespaced: true,
  state: {},
  mutations: {},
  actions: {
    // action 示例
    fetchExampleData() {
      // 异步操作
    }
  },
  getters: {
    // getter 示例
    getExampleData() {
      // 返回数据
    }
  }
}

2. 在路由器文件中导入需要使用的模块和 mapActions 和 mapGetters 方法：

import { mapActions, mapGetters } from 'vuex';

// 导入模块
import example from '@/store/modules/example';

// 路由器定义
const router = new VueRouter({
  routes: [
    // ...
  ]
});

// 在路由器中使用模块
router.beforeEach((to, from, next) => {
  // 使用模块的 actions
  mapActions([`${example.namespaced}/fetchExampleData`]);

  // 使用模块的 getters
  mapGetters([`${example.namespaced}/getExampleData`]);

  next();
});

这样，你就可以在路由器中访问带名称空间的 Vuex 模块中的 actions 和 getters 了。记得根据自己的实际需要调整代码和模块命名。