Keep Alive会干扰Modal

Question

我正在app.vue级别使用Vue路由器保持活动状态，所以：

    <keep-alive>
      <router-view />
    </keep-alive>

我有一个模态，它在前面的窗体上使用一个插槽：

<modal name="collection" :width="modalWidth" :height="modalHeight">
   <UsesAComponentHere>
   </UsesAComponentHere>
 </modal>

我的问题是，保持活动状态似乎与渲染顺序混淆了。而不是

app - 第一页 -第二页

在检查器的层次结构中，它具有

containerForSecondPage -应用

因此，当打开模态时，由于某种原因，它会尝试呈现第二页并由于缺少道具而出错。当我从模态中删除UsesAComponentHere时，它将正确呈现。

为什么会这样？如何强制App处于应保持活动状态的呈现层次结构的顶部？

编辑：删除保持活动状态不能解决此问题，因此必须与一页以上有关