在Fullcalendar日历上鼠标悬浮在日程上出现气泡提示效果

直接在package.js中加上tippyjs的信息，然后 npm install。 tippyjs 就已经安装上了

也可以通过以下命令安装：

npm i tippy.js

在需要的vue文件中进行引用如下：

import tippy from "tippy.js";    //引入 tippy.js
import 'tippy.js/dist/tippy.css';//引入 tippy.js
import 'tippy.js/themes/light.css';    //引入主题
import 'tippy.js/animations/scale.css';

在data的config中配置如下：

config: {
    eventMouseover:this.eventMouseover,//鼠标放上时候的事件
},

然后再methods中添加方法如下：

methods: {
    eventMouseover(calEvent, jsEvent,){
        // console.log(calEvent,'进来');
        let content = ""; //content中可以直接设置悬浮框中内容的样式
        content = content + "<div style=''>" + "白班：" + calEvent.bai + "<div>";
        content = content + "<div style=''>" + "夜班：" + calEvent.ye + "<div>";
 
        tippy(jsEvent.currentTarget, {
            content: content,  //悬浮框展示的内容
            theme: 'tomato',    //自定义主题，//悬浮框主题，默认主题中的light主题（白底黑字）
            allowHTML: true,    //为true的时候，可以识别content中的html
         });
     },
}

效果如下：