Vuejs Fullcalendar 事件未显示

Question

我已经尝试了很多次，但无法获取完整日历中显示的数据。\n这是我的日历组件：

\n

<script>\nimport FullCalendar from '@fullcalendar/vue'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport interactionPlugin from '@fullcalendar/interaction'\n\nexport default {\n    components: {\n        FullCalendar // make the <FullCalendar> tag available\n    },\n    data() {\n        return {\n            calendarOptions: {\n                plugins: [ dayGridPlugin, interactionPlugin ],\n                initialView: 'dayGridMonth',\n                selectable:true,\n            },\n            events:''\n        }\n    },\n    methods: {\n\n        getEvents() {\n            axios.get('/api/booking-cal')\n                .then(resp => (this.events = resp.data.data))\n                .catch(err => console.log(err.response.data));\n        }\n    },\n    created(){\n        this.getEvents();\n    }\n\n}\n</script>\n<template>\n    <FullCalendar :options="calendarOptions" :events="events"/>\n</template>\n

\n

我的后端工作正常，当我检查“网络”时，我得到“标题”、“开始”和“结束”（如下所示）；但不知何故，信息没有传递到“事件”，也没有显示在全日历上。

\n

data: [{title: "erdem senol", start: "2021-01-13", end: "2021-01-17"},\xe2\x80\xa6]\n

\n

请帮助我，我陷入了一个项目的中间。

\n

Answer 1

您的“事件”数组必须位于 calendarOptions 对象内：

calendarOptions: {
                plugins: [ dayGridPlugin, interactionPlugin ],
                initialView: 'dayGridMonth',
                selectable:true,
                events:[]
            },