前面的安装和引入非常简单所以直接跳过
以下是本人在写FullCalendar的时候的一些问题:
1、使用FullCalendar自定义的模板及内容
在FullCalendar标签内部使用插槽
<template v-slot:eventContent="arg"></template>
eventContent是内容区域,在template里面就可以定制自己的日程了
arg可以获取到initialEvents这个属性的所有内容
<template v-slot:eventContent="arg">
<div class="appointment-app-main-calendar-content" @click="showModal(arg)">
<div
class="appointment-app-main-calendar-content-tips"
:style="{ 'background-color': rooms[arg.event.id].backgroundColor }"
/>
<span>{
{
arg.event.title }}</span>
<br>
<span>{
{
arg.timeText }}</span>
<br>
<span>会议主题</span>
<