fullCalendarVue 中events的数据更新问题

 需求

当后端返回的events在fullCalendar中渲染时，会出现数据更改后，但页面的内容没有更新。

解决方案：

getEvent () {
     //这里用的mock
      this.$http.post('/schedule/query').then(res => {
        const calendarApi = this.$refs.fullCalendar.getApi()
        const event = res.result.data // 拿到返回的数据
        // data -> [{}，{}]  
        // 'data': [{
        //'title': 'All Day Event',
         //'start': '2023-03-01'
        //},
        // {
        //'title': 'Long Event',
        //'start': '2023-03-07',
      //    'end': '2023-03-10'
        //},
      
        for (var i = 0; i < event.length; i++) {
          this.calendarOptions.events.push(event[i]) // 使用push方法将事件逐一添加，
        }
        console.log(this.calendarOptions.events)
        calendarApi.refetchEvents()
          // 重新抓取所有的日程事件源上的日程事件并渲染它们。
      })