首页 > 解决方案 > Fullcalendar vue 组件和事件作为函数

问题描述

我正在玩fullcalendar的vue组件
详细地说,我正在尝试通过使用事件(作为函数)来加载事件

我的代码如下所示:

 events: function (info, successCallback, failureCallback) {
                    let start = moment(info.start.valueOf()).format('YYYY-MM-DD');
                    let end = moment(info.end.valueOf()).format('YYYY-MM-DD');
                    axios.get(route('api.apps.fuhrpark2.buchungen'),{
                        params: {
                            start: start,
                            end: end
                        }
                    })
                    .then(response => {                    
                        console.log('event feed success');
                        console.log(response.data);                            
                        successCallback(response.data);
                    }).catch(err =>{
                        console.log('event feed error');
                        console.log(err.response);
                        failureCallback(err);
                    }); 
                }

在控制台中,我看到了获取的数据:

event feed success
app.js:75467 
[Array(3)]
0: Array(3)
0: {title: "Sebastian (FFHK 2051)", start: "2020-04-02T22:00:00", end: "2020-04-11T07:01:00"}
1: {title: "Sebastian (FFHK 2051)", start: "2020-03-31T08:00:00", end: "2020-03-31T09:00:00"}
2: {title: "Sebastian (FFHK 2052)", start: "2020-03-31T08:00:00", end: "2020-03-31T09:00:00"}
length: 3
__proto__: Array(0)
length: 1
__proto__: Array(0)

看起来数据已正确获取,但未呈现任何事件。我猜 successCallback(response.data) 应该启动渲染,对吧?但它没有......任何提示将不胜感激。
谢谢!

标签: vue.jsfullcalendar

解决方案


推荐阅读