我想做成这样的效果,这里用到扩展版timeline
安装了resource-timeline,用最基础的代码测试,结果报错了。
<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>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…