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

Question

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

残疾人道具

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

b-modal 的 ok-disabled prop

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

Answer 1

使用ok-disabled道具 on <b-modal>, 有条件地启用/禁用ok按钮。

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

有关更多信息，请查看文档的这一部分。

我认为确实如此。由于您使用的插槽仅控制“确定”按钮的内容。所以这仍然会禁用该按钮。但我不太明白的是*为什么*你正在做你正在做的事情。至少根据您在问题中的代码，没有什么需要您使用插槽并且可以通过正常的道具来完成。 (2认同)

Answer 2

如果您想摆脱按钮，只需添加 hide-footer

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

Answer 3

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

您需要使用modal-footer范围并在那里手动声明按钮。