Vue.js Fullcalendar资源时间线：错误context.options.resourceAreaWidth

完整日历（pugin：时间线视图）5v+VUE

我的代码

 name: "Calendar",
components: {
    FullCalendar
},
props: {
    options: {
        type: Object
    },
    preloader: {
        type: Boolean,
        default: false
    }
},
data() {
    return {
        initOptions: {
            plugins: [resourceTimelinePlugin],
            headerToolbar: {
                left: 'title',
                center: 'prev today next',
                right: 'resourceTimeline',
            },
            initialView: 'resourceTimeline',
           
        }
    }
},
computed: {
    calendarOptions() {
        return {
            ...this.initOptions,
            slotLabelFormat: this.slotLabel
            , ...this.options
        }
    },
    slotLabel() {
        if (this.$store.state.settings.timeFormat === 12) return undefined;
        return {
            'hour12': false,
            'hour': '2-digit',
            'minute': '2-digit'
        }
    }
}

---

我无法在VUE上启动完整日历。请告诉我有什么问题？常规日历工作正常，但此特定插件不起作用。

不确定，但可能是因为您告诉日历使用资源视图，但没有定义要显示的任何资源。当然，这没有多大意义。

 name: "Calendar",
components: {
    FullCalendar
},
props: {
    options: {
        type: Object
    },
    preloader: {
        type: Boolean,
        default: false
    }
},
data() {
    return {
        initOptions: {
            plugins: [resourceTimelinePlugin],
            headerToolbar: {
                left: 'title',
                center: 'prev today next',
                right: 'resourceTimeline',
            },
            initialView: 'resourceTimeline',
           
        }
    }
},
computed: {
    calendarOptions() {
        return {
            ...this.initOptions,
            slotLabelFormat: this.slotLabel
            , ...this.options
        }
    },
    slotLabel() {
        if (this.$store.state.settings.timeFormat === 12) return undefined;
        return {
            'hour12': false,
            'hour': '2-digit',
            'minute': '2-digit'
        }
    }
}