获取有关多个日历之间的事件放置的日历信息vuejs

时间:2019-05-13 08:02:32

标签: vue.js fullcalendar

我正在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);

            })
        });        
}

这是文档 https://fullcalendar.io/docs/eventReceive

0 个答案:

没有答案