Vuejs2 在vuejs中显示另一个模态后，模态将自动隐藏。

我正在使用

从“bootstrap vue/es/components/modal/modal”导入bModal引导模式

在Modal中我有以下用户界面，这里我需要从下拉列表中选择部门（使用AJAX获取项目列表）。在这里，我想通过点击dropdonw旁边的按钮来轻松添加新的部门-用于这种带有UI的弹出模式

在vuejs中，我有主模态的代码-

showModal () {
  this.clearForm();
  this.formInfo.formSubmitted = false;
  this.$refs[this.modalInfo.id].show();
}

这很好用。现在点击绿色按钮上的事件，另一个模式应该在当前打开的窗口上打开。不幸的是，当前模态被隐藏，新模型被打开。我有以下额外的模式代码-

showExtraModal:function(){
    this.$refs['extraModal'].show();
}

如何在vue js中解决此问题
 似乎是引导的一个限制（请参阅）：

引导一次只支持一个模式窗口。嵌套模态不受支持，因为我们认为它们是糟糕的用户体验

由于
bootstrap vue
只是bootstrap的包装，同样的限制也可能适用

我有一个与纯引导类似的问题；IIRC I通过改变模态的内容而不是显示一个新的（用Vue的话说：呈现一个不同的组件）解决了这个问题，有点像模态内部的一个迷你路由。
Hmm。。是的，我也想到了交替，但它似乎是易怒的UX和流行音乐。谢谢谢谢你的答复。如果你觉得我的问题很有价值，请投票表决。