从外部关闭 b-modal BootrstrapVue

Question

如何从外部隐藏b 模态组件？

Answer 1

在你的<template>：

<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)
    }
}

更多详细信息请参见此处。