Vue.js vuex story的Getters不';不显示数据
我在MongoDB有数据库Vue.js vuex story的Getters不';不显示数据,vue.js,vuex,store,Vue.js,Vuex,Store,我在MongoDB有数据库 user:{ matchesList:[{ kdList:String, winsMatchesList:String }] 我已经创建了Vuex.Store,我有一些getter matchesList: state => state.matchesList, matchesListKD: state => { let matchesList = []
user:{
matchesList:[{
kdList:String,
winsMatchesList:String
}]
我已经创建了Vuex.Store,我有一些getter
matchesList: state => state.matchesList,
matchesListKD: state => {
let matchesList = []
for (let g of state.matchesList) matchesList.push(g.kdList)
return matchesList
}
然后在我想使用它的组件中,这些代码可以工作
apollo:{
kd: {
query: GETMATCHESLIST,
update(data){
console.log("data", this.$store.getters.user.matchesList)
}}
}
但下面的代码显示未定义的
apollo:{
kd: {
query: GETMATCHESLIST,
update(data){
console.log("data", this.$store.getters.user.matchesListKD)
}}
}
请看这里:
matchesList: state => state.matchesList,
matchesListKD: state => {
let matchesList = []
for (let g of state.matchesList) matchesList.push(g.kdList)
return matchesList
}
您正在使用state.matchesList
作为状态,但是matchesList
是getters
,而不是状态
如果要将状态.matchesList
用作状态
,请将其移动到状态
对象,但不能将其用作此.store.getters.user.matchesList