Нажмите на событие в fullcalendar. js плагин не работает

Question

Я пытаюсь отобразить календарь в VueJS. Мне нужны следующие вещи:

• Просмотр месяца
• Просмотр недели
• Просмотр дня при нажатии на ячейку
• Для отображения данных в каждом ячейка моего календаря

Я не могу использовать плагин Vuetify, потому что я уже использую Bootstrap, поэтому я использую fullcalendar. js плагин (https://fullcalendar.io/docs/vue ).

Однако не похоже, что API, стоящий за компонентом, работает должным образом,

<template>
<div>
    <FullCalendar :plugins="calendarPlugins"
                  :weekends="false"
                  @dateClick="handleDateClick"
    />
</div>
</template>

<script>
    import FullCalendar from '@fullcalendar/vue'
    import dayGridPlugin from '@fullcalendar/daygrid'

    export default {
        name: "Calendar",

        components: {
            FullCalendar // make the <FullCalendar> tag available
        },

        data() {
            return {
                calendarPlugins: [ dayGridPlugin ]
            }
        },
        methods: {
            handleDateClick(arg) {
                alert(arg.date)
            }
        }
    }
</script>

<style lang='scss' scoped>
    @import '~@fullcalendar/core/main.css';
    @import '~@fullcalendar/daygrid/main.css';
</style>

Когда я нажимаю на дату, событие не запускается, а у меня нет любая ошибка, которая появляется в консоли .. Что я здесь не так делаю?

Спасибо за помощь!

Answer 1

Согласно документации FullCalender :

Для того, чтобы этот обратный вызов сработал, вы должны загрузить плагин взаимодействия.