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

Question

我已经用了 modal-ok 档期 b模态槽 来渲染b-modal的OK按钮。我想有条件地禁用 "确定 "按钮。我试了2种方法都没有成功。有什么建议可以告诉我，如何禁用使用插槽渲染的OK按钮。

1. 禁用道具

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

2. ok-disabled道具的b-modal。

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

Answer 1

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

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

Answer 2

使用 ok-disabled 撑 <b-modal>，有条件地启用或禁用 ok 按钮。

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

欲了解更多信息，请查看 这个 文件的部分。