我在 vue 应用程序中使用了 2 个完整日历，当我单击日历时，我必须单击弹出窗口两次才能关闭它

Question

当我点击日历时，它会打开带有事件详细信息的弹出窗口。但是当我试图关闭它时，我必须点击两次关闭按钮，当我在应用程序中使用一个完整的日历时，它工作得很好。这些是在vue应用程序中为日历设置的属性。

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

Answer 1

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