[Vuejs]-V-FOR not rendering a dictionary

by

0👍

✅

In order to run the getPokemonAbilities() method to initialize pokiAbilities so that it can be passed to the V-For directive, the method needed to be run within an async method. My solution was to initialize the data within an async created()

data() {
        return {
            pokiAbilities: null
        }
    },
    async created() {
        this.pokiAbilities = await this.getPokemonAbilities()
    },

I am not entirely convinced that this is the proper way of doing it but it worked.

0👍

Maybe your pokiAbilities has no data. You can use vue-devtool to check if pokiAbilities has data.

Leave a comment