如何在 vue bootstrap 中禁用 b-modal 的 modal-ok 插槽？

Question

我使用了 b-modal slots 中可用的 modal-ok 插槽来渲染 b-modal 的确定按钮。我想有条件地禁用 OK 按钮。我尝试了 2 种方法，但没有成功。欢迎就如何禁用使用插槽呈现的“确定”按钮提出任何建议。

禁用道具

 <div
    slot="modal-ok"
    :disabled="true"
    @click.stop="uploadFile(item.id)"
  >
    Upload
  </div>

ok-disabled prop of b-modal

  <div
    slot="modal-ok"
    :ok-disabled="true"
    @click.stop="uploadFile(item.id)"
  >
    Upload
  </div>

Answer 1

model-ok范围不能修改按钮本身，它只是改变按钮内容

您需要改用 modal-footer 作用域并在那里手动声明按钮。

Answer 2

在 <b-modal> 上使用 ok-disabled 道具，有条件地 enable/disable ok 按钮。

<b-modal :ok-disabled="true">
  <!-- Content -->
</b-modal>

有关详细信息，请查看文档的 this 部分。

Answer 3

如果你想摆脱按钮，只需添加隐藏页脚

<b-modal hide-footer>
  <!-- Content -->
</b-modal>

How to disable modal-ok slot of b-modal in vue bootstrap?