vuex 中 getters的值获取不了

我想获取getters中的值,但一直是空值
前台也获取不了

clipboard.png
然后 getter

clipboard.png

clipboard.png

clipboard.png

页面显示是空的
然后我发现
clipboard.png
这个也是空的
想问一下 是哪里出了问题

阅读 13.6k
1 个回答

您的getter是注册在全局命名空间的,state是模块内部的,根本访问不到的!粘贴一下我这边的配置您看一下。
文件目录:

clipboard.png
以home模块为例:

import home from '../../api/home'
import * as types from '../mutation-types'

// 初始化 state
const state = {
  adsList: '',
  menuList: ''
}

// getters
const getters = {
  adsList: state => state.adsList,
  menuList: state => state.menuList
}

// actions
const actions = {
  async getAdsList ({ commit }) { // 获取广告图
    let res = await home.getAdsList()
    commit(types.GET_ADSLIST, res)
  },
  async getMenuList ({ commit }) { // 获取菜单
    let res = await home.getMenuList()
    commit(types.GET_MENULIST, res)
  }
}

// mutations
const mutations = {
  [types.GET_ADSLIST] (state, adsList) {
    state.adsList = adsList
  },
  [types.GET_MENULIST] (state, menuList) {
    state.menuList = menuList
  }
}

export default {
  namespaced: true,
  state,
  getters,
  actions,
  mutations
}

项目地址:可参考我的github:仿照淘宝网触屏版

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题