Javascript 如何使用BootstrapVue将popover添加到Vue中资源时间线中的fullcalendar事件中？

我正在尝试在资源时间线中的事件中添加一个popover，我想知道正确的方法是什么

我正在vue^2.6.11中使用fullcalendar/vue^5.3.1，并使用^2.1.0的引导vue

阅读后，我有以下几点，这似乎是可行的，但似乎不是正确的方法

我认为是使用

propsData

和

$mount（）

让人觉得必须有更好、更惯用的方法？此外，似乎也不可能将内容变成html

在组件中：

从“引导vue”导入{BPopover}

在日历选项中：

eventDidMount:函数（信息）{
新BPopover({
propsData：{
标题：info.event.extendedProps.title，
内容：info.event.extendedProps.projectName，
触发器：“悬停”，
目标：info.el，
}
}).$mount（）
}

非常感谢您的任何想法。

---

非常感谢。

自发布此问题以来，我们已在该项目上从引导vue切换到vuetify，但解决方案很可能仍然相关，因为我们使用了

eventContent

槽添加了

v-tooltip

        <FullCalendar :options="calendarOptions" ref="fullCalendar">
            <template #eventContent="arg">
                <v-tooltip bottom color="teal">
                    <template v-slot:activator="{ on, attrs }">
                        <div style="min-height:20px;" v-bind="attrs" v-on="on">
                        </div>
                    </template>
                    <div style="text-align:left;">
                        Description: {{arg.event.extendedProps.description}}<br />
                        Project {{arg.event.extendedProps.projectName}}<br />
                    </div>
                </v-tooltip>
            </template>
        </FullCalendar>

描述：{{arg.event.extendedProps.Description}}

项目{{arg.event.extendedProps.projectName}}

我相信插槽是v5的一个新特性。我在年遇到过这个问题，你也可以看到一个例子

医生肯定会更好