Vue.js 防止启动Vue模式打开

我正在使用引导Vue模式，希望有时阻止它打开。我不知道如何阻止默认行为

   <b-img
      ref='cal-modal-button'
      id='cal-modal-button'
      class="cal-icon"
      v-bind:src="imagePath + calimage"
      v-b-modal.date-time-modal
      >
   </b-img>

然后将剥离模式设置为：

<b-modal id="date-time-modal" name="header-modal" ref="date-time-modal" hide-footer title="Set Date and Time">
   ...
</b-modal>

...

---

有没有一种方法可以防止它在不使用JQuery的情况下弹出？

从文档中，您可以使用

显示

事件来取消模式：

// ...
导出默认值{
// ...
数据：（）=>({
莫达迪斯贝德：是的
}),
方法：{
onShow（bvModalEvt）{
如果（此模式已禁用）{
bvModalEvt.preventDefault（）
}
}
}
}

显示

事件参考：

始终在显示模态之前发射。可取消

BvModalEvent对象。调用bvModalEvt.preventDefault（）以取消显示

---

从文档中，您可以使用

show

事件取消模式：

// ...
导出默认值{
// ...
数据：（）=>({
莫达迪斯贝德：是的
}),
方法：{
onShow（bvModalEvt）{
如果（此模式已禁用）{
bvModalEvt.preventDefault（）
}
}
}
}

显示

事件参考：

始终在显示模态之前发射。可取消

BvModalEvent对象。调用bvModalEvt.preventDefault（）以取消显示