vue fullcalendar 鼠标放在空白处时触发hover事件

Vue FullCalendar 是一个基于 Vue.js 的全日历组件，它是对 FullCalendar 的封装。如果你想在 Vue FullCalendar 中实现鼠标放在空白处时触发 hover 事件，可以尝试以下步骤：

1. 在 Vue FullCalendar 中添加一个空白的事件，例如：

{
  title: '',
  start: '2021-09-01',
  end: '2021-09-01',
  allDay: true
}

2. 使用 FullCalendar 的 `eventMouseEnter` 事件和 `eventMouseLeave` 事件来监听鼠标的进入和离开事件：

<template>
  <full-calendar :config="config" :events="events" @eventMouseEnter="handleMouseEnter" @eventMouseLeave="handleMouseLeave" />
</template>

<script>
import FullCalendar from '@fullcalendar/vue'
import dayGridPlugin from '@fullcalendar/daygrid'

export default {
  components: {
    FullCalendar
  },
  data() {
    return {
      config: {
        plugins: [dayGridPlugin]
      },
      events: [
        {
          title: '',
          start: '2021-09-01',
          end: '2021-09-01',
          allDay: true
        }
      ]
    }
  },
  methods: {
    handleMouseEnter(info) {
      // 鼠标进入事件的处理逻辑
    },
    handleMouseLeave(info) {
      // 鼠标离开事件的处理逻辑
    }
  }
}
</script>

通过上述方式，你可以在 Vue FullCalendar 中实现鼠标放在空白处时触发 hover 事件。