<ion-row class="cards-wrapper"> <theme-card v-for="theme in filteredThemes" :router-link="`/theme/${theme.slug}`" :key="theme.id" :name="theme.name" :tags="theme.tags" :id="theme.id" :path="theme.image.path" ></theme-card> </ion-row> mounted() { this.getThemes(); this.filteredThemes = this.themes; console.log(this.themes); }, //in methods: async getThemes() { await axios .get("url") .then((response) => (this.themes = response.data)); }, Intenté usar async/await pero no funciona bien (probablemente lo estoy usando mal), cuando registro temas montados en la consola, no obtengo mis datos, me gustaría obtener datos de mi llamada api montada. Sé que esto tiene algo de asincronía, ¿puedes darme una pista de qué hacer? ¡¡¡Muchísimas gracias!!!
Si aún no obtiene datos, intente así:
async mounted() { await this.getThemes(); this.filteredThemes = this.themes; },//en métodos:
async getThemes() { await axios .get("url") .then((response) => (this.themes = response.data)); },.then((response) => (this.themes = response.data));
usar una función de flecha cambia lo que es this , parece que algunas personas lo escriben así:
const that = this; await axios .get("url") .then((response) => (that.themes = response.data));