首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Vuex模块-无法正确设置..mapGetters

Vuex模块-无法正确设置..mapGetters
EN

Stack Overflow用户
提问于 2018-07-15 01:22:46
回答 1查看 956关注 0票数 2

我目前将我的存储结构定义如下

代码语言:javascript
复制
store
  modules
    User.js
 index.js

store/modules/User.js

代码语言:javascript
复制
import * as types from '@/store/mutation_types'
import firebase from 'firebase'

const state = {
  ...
  user: JSON.parse(localStorage.getItem('user')) || null
}

const actions = {
  setUser ({commit}, newUser) {
    console.log('STORE ACTION setUser: ', newUser)
    commit(types.SET_USER, newUser)
  },
  signUserIn ({commit}, payload) {
    ...
  },
  signUserUp ({commit}, payload) {
    ...
  },
  logout: context => {
   ...
  }
}

const mutations = {
 ...
}

const getters = {
  ...
  user: state => state.user
}

export const User = {
  namespaced: true,
  state,
  actions,
  mutations,
  getters
}

store/index.js

代码语言:javascript
复制
/**
 * Import Dependency
 */
import Vue from 'vue'
import Vuex from 'vuex'
import { firebaseMutations } from 'vuexfire'
import * as types from '@/store/mutation_types'
import { User } from '@/store/modules/User.js'
import { Account } from '@/store/modules/Account.js'

Vue.use(Vuex)

const store = new Vuex.Store({
  strict: process.env.NODE_ENV !== 'production',
  state: {
    language: localStorage.getItem('language') || '',
    ...
  },
  actions: {
    switchLanguage ({ commit }, context) {
      commit(types.SET_LANGUAGE, context)
    },
    ...
  },
  getters: {
    language: state => state.language,
    sideNav: state => state.sideNav,
    showAssociation: state => state.showAssociation,
    ...
  },
  mutations: {
    ...
    },
    ...firebaseMutations
  },
  modules: {
    User,
    Account
  }
})

export default store

在组件中,我需要从用户模块和index.js使用..mapGetters

...mapGetters(‘用户’,‘用户’,'sideNav','showAssociation'),

但这是不对的..。我得到一个错误:

代码语言:javascript
复制
 Property or method "showAssociation" is not defined

我应该如何编写我的...mapGetters?或者是在我的用户模块中写了什么?

感谢您的反馈

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-07-15 02:21:06

如果您需要从不同的模块获取getter,只需分别映射它们:

代码语言:javascript
复制
computed: {
  ...mapGetters('User', ['user']),
  ...mapGetters(['showAssociation', 'sideNav'])
}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51341724

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档