Vuex Getters不会调用状态

Question

我试图借助吸气剂返回列表中的排序数据（已经定义好的状态），然后将其分配到我的html中的vue列表中，但是看来当我使用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']),

然后，我在函数内调用Getter，如下所示：

 getFilteredMessages: function() {
      let vm = this
      return vm.filteredChatMessages(vm.groupID)
    },

然后，然后我将getFilteredMessages（）设置为列表getFilteredMessages（），该列表也在computed部分中定义。

但是当我查看vuex tools时，我并不认为它是一个数组：

我在做什么错了？