<v-list-item-group color="#BABDC2" class="mt-8"> <div v-for="(item, i) in items" :key="i"> <v-list-item v-if="!item.child" :to="item.link" class="homePageButton"> <v-img class="d-flex align-center mr-3 ml-6" :src="require(`../assets/ıcon/${item.avatar}`)"></v-img> <v-list-item-title class="homePageButtonText d-flex align-center">{{ item.title }}</v-list-item-title> </v-list-item> <v-list-group v-else :value="false" > <v-img :src="require(`../assets/ıcon/${item.avatar}`)"></v-img> <v-list-item-title slot="activator" color="#BABDC2">{{ item.title }}</v-list-item-title> <template v-slot:activator> <v-list-item-title color="#BABDC2" slot="activator">{{ item.title }}</v-list-item-title> </template> <v-list-item active-class="back" class="childElement" v-for="child in item.child" :to="child.link" :key="child.title"> <v-list-item-icon> <v-icon color="#BABDC2">{{ child.icon }}</v-icon> </v-list-item-icon> <v-list-item-title class=" my-2 mr-5">{{ child.title }}</v-list-item-title> </v-list-item> </v-list-group> </div> </v-list-item-group> data() { return { items: [{ title: 'home', link: '/homepage', avatar: 'home.svg', }, { title: 'Ürün', avatar: 'produc.png', child: [{ title: 'Product List', link: '/product-list' }, ], } ], } },
}
Cuando uso v-img en v-list-group, la barra lateral desaparece y aparece Error: No se puede encontrar el módulo './undefined'. Cuando ejecuto el mismo código en v-list-item, no hay problema. ¿Dónde crees que me equivoco?