鍍金池/ 問答/HTML/ vuex 中 getters的值獲取不了

vuex 中 getters的值獲取不了

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

clipboard.png
然后 getter

clipboard.png

clipboard.png

clipboard.png

頁面顯示是空的
然后我發(fā)現(xiàn)
clipboard.png
這個也是空的
想問一下 是哪里出了問題

回答
編輯回答
久愛她

您的getter是注冊在全局命名空間的,state是模塊內(nèi)部的,根本訪問不到的!粘貼一下我這邊的配置您看一下。
文件目錄:

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:仿照淘寶網(wǎng)觸屏版

2017年9月27日 06:36