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

Question

我正在尝试在日历上显示我的数据。 我正在使用完整日历和 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>

Answer 1

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