时间戳

首页 > 解决方案 > v-for 变量未定义

javascript - v-for 变量未定义

问题描述

只是试图通过从后端出现的一组对象并在前端显示这些对象。Vue 抱怨“事件”没有在实例上定义，而是在渲染期间被引用。我猜它不喜欢我v-for在模板中的事件变量。

零件：

<template>
    <div>
        <span v:for="(event, index) in eventList" :key="event.id">
            {{ event.id }}
        </span>

    </div>
</template>

<script>
import eventHelpers from "@/mixins/eventHelpers";
export default {
    name: 'eventsList',
    mixins: [eventHelpers],
    data() {
        return {
            eventList: [],
        }
    },
    async mounted() {
        this.eventList = await this.getAllEvents();
    },
    methods: {

    }
}
</script>

<span>一旦我得到这些数据，这最终将成为一个卡片组件。

标签： javascriptvue.js

解决方案

我不认为这些是你的问题，但你有一些错别字。1) 它是 v-for，而不是 v:for 2) 在您的 Vue 实例中，我很确定它应该是 data:{}，而不是 data(){}

推荐阅读