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

我正在使用 import bModal from 'bootstrap-vue/es/components/modal/modal'; 引导模式

我在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中解决此问题。