如何为 v-for 定位对象

Question

created() {
  const currentActivity = this.$store.getters.currentActivity
  const activity = currentActivity.activity
}

我想遍历其属性的对象是 activity。它的内容在控制台中显示正常。在模板中我有：

<ul>
  <li v-for="value in activity" :key="value.id">
    {{ value.activity.activityName }}
    {{ value.related_Activity }}
  </li>
</ul>

内部数据():

return {
  activity: activity
}

但是控制台显示："activity is not defined" 我试过 this.activity，控制台没有错误，但页面上没有显示任何内容。那么，如何引用 activity 对象？

Answer 1

而不是使用 const activity = currentActivity.activity 将其更改为 this.activity = currentActivity.activity，然后在您的数据中 return { activity: [] }

Answer 2

非常接近@RenatoManalili 的回答。

this.currentActivity = currentActivity 完成了任务。

此外，我将模板代码更新为：

<ul v-for="value in currentActivity" :key="value.id">
  <li>{{ value.activity.activityName }}</li>
  <li>{{ value.related_activity }}</li>
</ul>
``` because it wasn't properly displaying the list.
Thank you.

如何为 v-for 定位对象

How to target object for v-for

vuejs2

v-for