从外面关闭b-modal BootrstrapVue

Question

如何从外部隐藏b-modal组件？

Answer 1

所有b-modal个组件都会关注hide::modal事件，并检查id是否与它们对应，在这种情况下它们会隐藏。因此，只需使用

发出此事件

this.$root.$emit('hide::modal', 'your modal id')

Answer 2

在你的模板中：

<b-button v-b-modal="'myModalId'">
    Open Modal
</b-button>

<b-modal :id="myModalId">
    <div>
        Ami du soir, bonsoir !
    </div>
    <b-btn @click="hideModal(id)">Close Me</b-btn>
</b-modal>

在<script> 导出默认{} 段落中：

methods: {
    hideModal (id) {
        this.$root.$emit('bv::hide::modal',id)
    }
}

更多详情here。