我正在vue.js中使用fullcalendar。当我将事件从一个日历拖放到另一个日历时,我已经动态地实现了多个日历,它运行良好,但是我如何知道在哪个日历上删除了该事件,因为我想在数据库中更新它。我没有找到任何方法来做到这一点。有什么办法可以解决这个问题。
这是日历组件的代码
<div class='demo-app col' v-for="(staff, index) in staffData" v-bind:key="staff.id">
<h5 class="text-center">{{staff.name}}</h5>
<FullCalendar
class='demo-app-calendar'
ref="fullCalendar"
defaultView="timeGridDay"
height="auto"
:header="{
left: '',
center: 'title',
right: 'timeGridWeek,timeGridDay,listWeek'
}"
:plugins="calendarPlugins"
:weekends="calendarWeekends"
:events="appointments[index]"
:editable="true"
:eventResourceEditable="true"
:selectMirror="true"
:droppable="true"
:slotEventOverlap="false"
@dateClick="handleDateClick"
@eventReceive="onEventReceive"
@eventLeave="onEventLeave"
@drop="onEventDrop"
/>
</div>
getAppointments(){
var promises = [];
this.staffData.forEach(function(staff){
var myUrl = '<url>'+ staff.id;
promises.push(axios.get(myUrl))
});
axios.all(promises).then(results => {
results.forEach(response => {
console.log(response.data.data);
this.appointments.push(response.data.data);
})
});
}