I'm currently utilizing the Vue FullCalendar library for my project and I have successfully implemented a calendar. However, I am facing an issue with getting the date/calendar events to trigger on click.
My calendar is set up in the template like this:
<full-calendar @dateClick="handleDateClick" :config="config" :events="events"/></full-calendar>
Here is my Vue code snippet:
export default {
data () {
return {
events: [
title: 'My Event',
start: '2010-01-01'
],
config: {
defaultView: 'month',
editable:true,
eventRender: function(event, element) {
console.log(event)
}
},
}
},
methods: {
handleDateClick(arg) {
alert(arg.date)
},
},
}
Although it seems to align with the documentation, the alert is not functioning as expected. My main goal is to link each event's click to a modal displaying that specific event's details.
Can anyone pinpoint what might be going wrong here?