[Vuejs]-How to display dynamic data using v-for loop using Vue js?

1👍

Your loadProfile method has some issue. You need to access the response.data.

loadProfile: async function() {
  try {
    const response = await profileService.loadProfile();
    console.log(response);
    this.profiles = response.data;
    console.log(this.profiles);
  } catch (error) {
    this.$toast.error("Some error occurred, please refresh!");
  }
}

0👍

try to call loadProfile on created vs mounted :

created() {
   this.loadProfile();
}

or add, before you assign the variable to this.profiles :

await this.$nextTick()

Leave a comment