FullCalendar v5 扩展版timeline,总是弹出关于resourceAreaWidth的报错

我想做成这样的效果,这里用到扩展版timeline
image.png

安装了resource-timeline,用最基础的代码测试,结果报错了。
image.png

<template>
  <div>
    <full-calendar ref="myCalendar" :options="calendarOptions" />
  </div>
</template>

<script>
import FullCalendar from '@fullcalendar/vue'
// import { Calendar } from '@fullcalendar/core';
import resourceTimelinePlugin from '@fullcalendar/resource-timeline'

export default {
  name: 'RepairList',
  components: {
    FullCalendar
  },
  data() {
    return {
      calendarOptions: {
        plugins: [resourceTimelinePlugin],
        initialView: 'resourceTimeline',
        resourceAreaWidth: '120px',
        resources: [
          {
            id: 1,
            eventColor: 'green',
            title: '侦查组'
          },
          {
            id: 2,
            eventColor: '#369',
            title: '抓捕组'
          },
          {
            id: 3,
            title: '警戒组'
          }
        ]
      }
    }
  },
  created: function() {
    // this.getList()
  },

  methods: {}
}
</script>
阅读 2.9k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题