javascript - 如何使用完整日历和Vue js在日历中显示数据？

我正在尝试在日历上显示我的数据。我正在使用完整日历和Vue js。我正在成功检索数据，正在使用正在发出api请求的service.file，该请求会加载数据并将其加载到事件中：”。这是在后端的Laravel / php中完成的。如果您需要查看此代码，请告诉我，但这只是将我的采访表中的所有内容都返回到json中。当我console.log（）时，我可以看到数据，并试图将其绑定到<Fullcalendar />组件上，如下所示，但是我无法将其显示在日历中。
我究竟做错了什么？

<template>
    <div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <Fullcalendar :plugins="calendarPlugins" :events="events" />
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import Fullcalendar from "@fullcalendar/vue";
    import dayGridPlugin from "@fullcalendar/daygrid";
    import timeGridPlugin from "@fullcalendar/timegrid";
    import interactionPlugin from "@fullcalendar/interaction";
    import * as employerInterviewService from '../services/employer_interview_service.js';

export default {

        components: {
            Fullcalendar
        },

        data() {
            return {
                calendarPlugins: [dayGridPlugin, interactionPlugin, timeGridPlugin],
                events: "",
            };
        },

        created() {
            this.getEvents();
        },

        methods: {

            getEvents: async function() {
                const response = await employerInterviewService.loadInterviews();
                this.events = response.data.events;

                console.log(this.events);

            },

        },

    };
</script>

最佳答案

我将表中的列从start_date更改为start，并且表中的title列为空。我向他们添加了一些数据，现在可以正常工作了。 –