Javascript Vuex Getters不';t呼叫状态
我试图在getter的帮助下返回列表中已排序的数据(这是已定义的状态),然后将其分配给我的Javascript Vuex Getters不';t呼叫状态,javascript,vue.js,vuex,Javascript,Vue.js,Vuex,我试图在getter的帮助下返回列表中已排序的数据(这是已定义的状态),然后将其分配给我的vue中的html列表,但当我使用vuex工具检查时,它似乎是空的 我不知道我做错了什么 下面是我的store.js文件 export default { namespaced: true, state:{ displayChatMessages: [], }, mutations:{ create(state, payload) { state.display
vue
中的html
列表,但当我使用vuex
工具检查时,它似乎是空的
我不知道我做错了什么
下面是我的store.js
文件
export default {
namespaced: true,
state:{
displayChatMessages: [],
},
mutations:{
create(state, payload) {
state.displayChatMessages.push(payload)
},
reset(state){
state.displayChatMessages = []
},
},
actions :{
getAllData:({commit}, payload) => {
commit('create',payload)
},
},
getters:{
filteredChatMessages: state => (chatID) => {
return state.displayChatMessages[0]
.filter(el => el.groupid === chatID).sort((l,r)=> l.timestamp - r.timestamp)
},
},
}
之后,我在computed
区域调用它,如下所示:
...mapGetters('chatMessages',['filteredChatMessages']),
getFilteredMessages: function() {
let vm = this
return vm.filteredChatMessages(vm.groupID)
},
然后,我在函数中调用Getter,如下所示:
...mapGetters('chatMessages',['filteredChatMessages']),
getFilteredMessages: function() {
let vm = this
return vm.filteredChatMessages(vm.groupID)
},
然后,我将getFilteredMessages()设置为列表,getFilteredMessages()也在computed
部分中定义
但当我查看我的vuex工具时,我并不认为它是一个数组:
我做错了什么?返回vm.filteredChatMessages(groupID)
。groupID
来自哪里?是否应该是this.groupID
?`…映射器('chatMessages'['filteredChatMessages']),`。我认为聊天信息后缺少一个逗号。而且@kittle是对的groupID丢失了您确定要返回状态。displayChatMessages[0]…
而不是返回状态。displayChatMessages…@kittle,vm
是this
,别担心,很抱歉发布了它,组ID是this。groupID
@bgul,我添加了逗号,我抄错了。但它最初是存在的。返回vm.filteredChatMessages(groupID)
。groupID
来自哪里?是否应该是this.groupID
?`…映射器('chatMessages'['filteredChatMessages']),`。我认为聊天信息后缺少一个逗号。而且@kittle是对的groupID丢失了您确定要返回状态。displayChatMessages[0]…而不是返回状态。displayChatMessages…@kittle,vm
是this
,别担心,很抱歉发布了它,组ID是this。groupID
@bgul,我添加了逗号,我抄错了。但最初它就在那里。