Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.8k views
in Technique[技术] by (71.8m points)

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>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...