在我的应用程序中，我有一组游戏卡，存储在 vuex 商店中。

玩家填写一个游戏引脚，代码会检查它，并获取该引脚的游戏卡并将它们存储在存储中并打开内存组件：

checkPinExists(){
    
        //this.$store.dispatch('retrieveGameByPin', this.enteredPin)
        this.retrieveGameByPin(this.enteredPin)
        .then(res =>  {
            this.fetchGameCards(this.currentGame.id);  // als spel bestaat de bijbehorende kaarten in de store opslaan
            this.currentGameError = false;    // dus als we hier zijn is er geen gameerror...
            this.checked= true;
        if (this.currentGame.game_status === 'actief'){
            this.$router.push("memory");
        }
        })  
        .catch(err => {
            this.currentGameError = true;
            console.error(err);
        });
      
            
    }

fetchGameCrds 是一个 vuex 操作：

export const fetchGameCards = ({commit}, game_id) => {
    return new Promise((resolve, reject) => {     
        let status = '';
        let data ={};
       console.log("fetching gameCards  ");
        fetch(`api/cardsByGame/${game_id}`)
        .then(async res => {
            status = res.status;
            if(status === 200) {
                data = await res.json(); 
            }
            else {
                data =null;
            } 
        })
        .then(res=>{
            if ( status === 200) {
                commit('SET_GAME_CARDS', data);
                resolve('GameKaarten gevonden');
            }
            else {
                reject('Geen gamekaartenkaart beschikbaar');
            }
        });
    });
}

在记忆组件中，卡片被检索并开始游戏。 不幸的是我无法及时从商店拿到游戏卡。

在浏览器的开发人员窗格中，我确实看到卡片在商店中。

Memoryscript 以一些调试消息开始：

<script>
import { mapState, mapActions } from 'vuex';

export default {
   mounted() {
        
    console.log("at mounted show GameCards:"),
    console.log(this.gameCards);

    this.createDeck(),
    this.createShowCards()
           
    },

    computed: {
        ...mapState([
        'currentSpeler' ,'currentSpelerCard', 'currentGame', 'gameCards'
        ]),

控制台中的输出有点像：

at mounted show GameCards:

[Handler]]: Array(0)
length: 0

谁能看看我该如何解决这个问题？

我不想在组件本身中获取卡牌，因为我也想在其他组件中使用游戏卡牌，而不是每次都从后端获取它们。