Vue b-modal @close 看起来不起作用

Question

以下是我的b-modal代码：

<b-modal
  centered
  id="modal-center"
  title="product regist"
  body-class="p-0 m-0"
  size="col-md-6 col-sm-6"
  ok-title="regist"
  cancel-title="cancel"
  @ok="registerProduct"
  @cancel="cancelRegister"
  @close="cancelRegister"
>
  ...
</b-modal>

cancelRegister

方法将初始化（例如日期或类别）

当我单击模式中的

cancel

按钮时，该方法将被触发并正常工作。但是当我关闭模式时（例如单击另一部分单击），它不起作用。

我在

bootstrap-vue

文档中找到了一些信息，但找不到与此错误相关的任何内容。

Answer 1

我们可能还需要考虑另外两项行动： “Esc键” 和 「背景」

“backdrop”是“单击另一部分单击”，esc 表示按键盘上的“esc”。

所以我们可以添加 @esc="取消注册" @backdrop="取消注册"

请参考https://bootstrap-vue.org/docs/components/modal