无法读取'name'的属性

Question

由于某些原因，我无法完成此操作。我想在每一个文本上面都有一个大文本，说明它是什么课程。控制台说它不能读取属性名称，但我不知道为什么。我在这方面不是很有经验，所以任何事情都会有帮助。有人能帮我吗？

<template>
<ion-page>
<a-header :backButton="true" />
<ion-content>
<!-- <h4 v-if="!lessons">Zatiaľ si si nič nepridal do obľubených lekcií</h4> -->
<h4 v-if="!lessons || !lessons.length">Zatiaľ si si nič nepridal do obľubených lekcií</h4>
<div v-else :key="group.name">
<h3> {{ group.group_name }} </h3>
<div v-for="lesson in lessons" :key="lesson.id" class="item-wrapper" >
<ion-item @click="$router.push({name:'lesson', params:{courseSlug:course.slug, lessonSlug:lesson.slug }})" lines="none"> <P>{{lesson.name}}</P> </ion-item> 
</div>
</div>
</ion-content>
</ion-page>
</template>

<script>
import aHeader from '@/plugins/app/_components/a-header.vue'
import { mapGetters } from 'vuex'
import wAxios from '@/plugins/w/axios'

export default  {
name: 'oblubene',
components: { aHeader },
data() {
// eslint-disable-next-line no-unused-vars
return {
lessons: [],
course: [],
}
},
computed: {
...mapGetters('wAuth', [
'user'
]),
},

async created() {
const lessonIds = this.user.lessons_stars.map(lesson => lesson.lesson_id)

for(const id of lessonIds) {
const lesson = await wAxios.get(`https://open-academy.sk/cms/api/lessons/${id}`)
this.lessons.push(lesson.data)
}


}
} 
</script>

Answer 1

您使用的是group.name，但group没有在任何地方定义。

<div v-else :key="group.name">

这就是您得到错误cannot read property name的原因。

要么定义group，要么使用已经定义的内容。