js文件获取vuex中的getters

要在 JS 文件中获取 Vuex 中的 getters，你需要先引入 Vuex 的 store 对象，然后通过 store.getters.xxx 访问相应的 getter。

具体的步骤如下：

1. 在 JS 文件中引入 Vuex 的 store 对象，例如：

import store from '@/store'

2. 然后，你可以通过 store.getters.xxx 来访问相应的 getter，例如：

const userName = store.getters.getUserName

这里的 getUserName 是一个在 Vuex 中定义的 getter，你可以根据你的具体场景来替换它。

总之，只要你能访问到 Vuex 的 store 对象，那么获取 getters 就非常容易了。

相关问题

能在mixin用vuex的getters

在Vue.js中，Vuex是一个状态管理库，它主要用于管理应用的所有组件共享的状态。Mixins是Vue的一个特性，可以让你从一个组件中“混入”另一个组件的功能，包括Vuex的getter。

要在Mixin中使用Vuex的getters，首先你需要在你的store中设置好getters，比如：

// store/index.js
export default new Vuex.Store({
  getters: {
    userDetails: state => state.user细节,
    // 更多getter...
  },
  // ...其他配置
})

然后在你的mixin文件中，你可以像访问普通属性一样导入并使用getters：

// mixins/my-getters.js
export default {
  computed: {
    getUserData() {
      return this.$store.getters.userdetails;
    }
    // 可能还有其他getter的使用...
  },
}

最后，在需要使用这个mixin的组件中引入并混入：

// 组件A.vue
import MyGetters from '@/mixins/my-getters';

export default {
  mixins: [MyGetters],
  // ...其他配置
}

当你在这个组件实例中调用`this.getUserData()`，它会从对应的Vuex store中获取用户详情。

vuex] getters should be function but "getters.filePreUrl" is undefined.

当你看到这样的错误信息 "vuex getters should be a function but \"getters.filePreUrl\" is undefined"，它是在提醒你关于Vuex（Vue.js的状态管理库）中的getters配置问题。getters是Vuex store中用于计算状态的函数，通常它们会被用来转换、处理或获取来自store的数据。

在这个错误中，意味着你的 `filePreUrl` getter 被定义成了undefined，而不是一个函数。解决这个问题需要检查以下几个步骤：

1. **getter的定义**：确保你在`store.js` 或者相关的模块 (`module.js`) 中有正确的getter定义。例如，应该像这样定义一个getter:

   export const getters = {
     filePreUrl(state) {
       return state.file.url ? 'https://example.com/' + state.file.url : '';
     }
   };

2. **state初始化**：确认对应的`state`字段（这里应该是`file`对象及其`url`属性）已经被正确地初始化了，并且不是null或undefined。

3. **引用路径是否正确**：检查在组件中是否正确导入并使用这个getter，确保使用的路径名与定义一致。

如果以上都检查无误，但问题仍然存在，可能是由于文件加载顺序导致的，在应用启动初期getters还没被完全加载。你可以尝试在actions或mutations中获取数据，然后在getters里使用这些数据。