在vue项目中我们使用了fullcalendar插件完成排班表任务
在排班过程中需要从数据库请求数据,并将数据展示到日程中
我们发现传递到fullcalendar中的events数据已经改变,但是页面没有做相应渲染
以下为解决办法:
调用fullcalendar API进行事件移除
let calendarApi = this.$refs.calendar.getApi()
let events = calendarApi.getEvents();
if (events.length > 0) {
_.forEach(events, event => {
event.remove()
})
}
调用fullcalendar API进行事件添加
let calendarApi = this.$refs.calendar.getApi()
calendarApi.addEvent(event)