Vue引导程序模式回调“确定”或“取消”事件

Question

我正在现有方法中调用我的bootstrap vue模态。我已经创建了模态，但是想在模态中单击ok或cancel按钮时“监听”。

我目前这样称呼它：

this.$refs['spellcheck-modal'].show();

由于我要在具有特定局部变量的现有方法内部调用模态，因此我想要一些看起来像承诺或回调的东西。理想情况下，一切都会一直等到用户触发ok()或cancel()事件：

this.$refs['spellcheck-modal'].show()
    .on {
       ok() {
             alert("ok was clicked");
     }
     cancel() {
           alert("cancel was clicked");
     }
   },

我现有的模态如下：

<b-modal ref="spellcheck-modal">
    <template slot="modal-title">
        Modal Title
    </template>
    <div class="d-block text-center" slot-scope="{ ok }">
        Body goes here
    </div>
    <template slot="modal-footer" slot-scope="{ ok, cancel }">
        <b-button size="lg" class="yes_button" variant="success" @click="ok()">
            <strong>Yes</strong>
        </b-button>
        <b-button size="lg" class="no_button" variant="secondary" @click="cancel()">
            <strong>No</strong>
        </b-button>
    </template>
</b-modal>

我如何侦听这些事件而不必创建单独的ok()或cancel()方法？