我在我的 vue 应用程序中使用 2 fullcalendar，当我点击日历时，我必须点击弹出窗口两次才能关闭它答案

【问题标题】：I'm using 2 fullcalendar in my vue application, when i click on the calendar I have to click on the popup twice to close it我在我的 vue 应用程序中使用 2 fullcalendar，当我点击日历时，我必须点击弹出窗口两次才能关闭它
【发布时间】：2021-08-06 16:35:03
【问题描述】：

当我点击日历时，它会打开包含活动详细信息的弹出窗口。但是当我尝试关闭它时，我必须在关闭按钮上单击两次，当我在我的应用程序中只使用一个完整日历时它工作正常。这些是在 vue app 中为两个日历设置的属性。

       FullCalendar( 
           ref="fullCalendar" 
           id="fullCalendar"
           :header="header" 
           :defaultView="defaultView" 
           :fixedWeekCount="fixedWeekCount"
           :eventLimit="eventLimit"
           :nowIndicator="nowIndicator"
           :eventSources="eventSources"
           @eventClick="eventClick"
           @dateClick="dateClick"
           :plugins="calendarPlugins" 
         )

【问题讨论】：

标签： fullcalendar fullcalendar-scheduler

【解决方案1】：

看起来，因为两个日历具有相同的属性，两个弹出窗口可能同时打开。我建议至少更改日历的 ref 和 id 以区分它们。

【讨论】：

是的，我的两个 fullcalendars 都有不同的 id 和 refs，我刚刚共享了两个 fullCalendar 属性之一。