时间戳

首页 > 解决方案 > 从 Vuejs 中的同级组件打开 Bootstrap 模态

twitter-bootstrap - 从 Vuejs 中的同级组件打开 Bootstrap 模态

问题描述

在 Vue 组件中，我有一个 Bootstrap 按钮，如下所示：

<button type="button" class="btn btn-primary mx-auto d-block mt-5" data-bs-toggle="modal" data-bs-target="#modalForm">
    Add invoice
</button>

相应的模态 (#modalForm) 位于同级组件中。如何使用其他同级模态中的按钮打开此模态？

如果可能的话，我想避免使用 Vue-Bootstrap 和 Vuex。有没有办法在不发出事件并使用 props 向上然后向下整个组件树的情况下做到这一点？

谢谢你的帮助！

标签： twitter-bootstrapvue.jsbootstrap-4bootstrap-modal

解决方案

推荐阅读