FullCalendar日历组件集成系列8——事件处理

处理事件

新增事件

功能需求：日历组件的各视图中点击单元格区域或拖放单元格区域，新增事件，根据点击或拖放区域自动设置任务的开始时间和结束时间。
默认单元格都是只读的，需要首先配置属性selectable，让其可选中，然后配置选中事件，如下：

// 是否可以选中日历格
selectable: true,
//选中日历格事件
select: this.selectCell

如官方所说，对于封装的vue组件，不再区分vue的属性props和事件event，都以键值对方式放在配置选项options中。
事件回调参数是1个对象，输出log看下大致的数据结构如下：

从需求出发，通过日历的方式来新增任务，主要是想拿到起止时间，从start和end两个属性里就可以获取到。

引入新增任务的页面，如下：

import AddPage from '../task/add.vue'

然后在日历组件的select事件中调用，传入起止时间。

//选中日历格事件
selectCell(arg) {