vue.js - vuex的getter的问题

问题描述

问 题

• 在Hello.vue文件中, 需要取到2个属性, 代码如下

computed: {
  ...mapGetters([
    'formatName',
    'age'
  ])
},

• 其中formatName在store.js中, store.js为主文件, age在user.js下, user.js为一个modules代码如下

# store.js:

state: {
    myName: 'Sunhaikuo'
  },
  getters: {
    formatName (state) {
      return state.myName + ' is Good'
    }
  },
  modules: {
    user
  }

# user.js
const state = {
    getters: {
        age: state => {
          return state.age
        }
    }
}

问题是:在Hello.vue中,formatName能取到, 但是age取不到, 取的时候就会报这个错,

请问1. 为什么age取不到? 2.怎么才能取到age? 谢谢各位

解决方案

user.js中：

const state={
    age:10
}
export default{
    state,
    getters: {
        age: state => {
          return state.age
        }
    }
}

这篇关于vue.js - vuex的getter的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！