[Vuejs]-Vue.js, vuetify.js Accordion do not open

by

0👍

instead of <template v-for try <li v-for, like following inside blog.vue:

      <div v-if="posts" class="content">
        <v-collapsible>
          <li v-for="post in posts" >
            <blog-post :post="post"></blog-post>
          </li>
        </v-collapsible>
      </div>

and in template of blog-post.vue:

<template class="blog-post">
    <v-collapsible-header>{{ post.title }}</v-collapsible-header>
    <v-collapsible-body>
      <v-card>
        <v-card-text class="grey lighten-3">{{ post.body }}</v-card-text>
      </v-card>
    </v-collapsible-body>
</template>

Leave a comment