Vue.js 如何在vue引导中禁用b-modal的modal ok插槽?

Vue.js 如何在vue引导中禁用b-modal的modal ok插槽?,vue.js,nuxt.js,bootstrap-vue,Vue.js,Nuxt.js,Bootstrap Vue,我使用了中可用的modal ok插槽来渲染b-modal的ok按钮。我想有条件地禁用OK按钮。我尝试了两种方法,但都没有成功。欢迎就如何禁用使用插槽渲染的“确定”按钮提出任何建议 残疾人道具 <div slot="modal-ok" :disabled="true" @click.stop="uploadFile(item.id)" > Upload </div> 上传 b-modal的正常禁用道具 <div

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

  • 残疾人道具

     <div
        slot="modal-ok"
        :disabled="true"
        @click.stop="uploadFile(item.id)"
      >
        Upload
      </div>
    
    
    上传
    
  • b-modal的正常禁用道具

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

  • model ok范围不能修改按钮本身,它只是更改按钮内容


    您需要使用
    模式页脚
    作用域,并在那里手动声明按钮。

    使用
    上的
    ok disabled
    道具,有条件地启用/禁用
    ok
    按钮

    
    

    有关更多信息,请查看文档的一节。

    如果要删除按钮,只需添加隐藏页脚即可

    <b-modal hide-footer>
      <!-- Content -->
    </b-modal>
    
    
    
    我没有使用b模式的默认ok按钮。我使用了模态ok槽来渲染自定义ok按钮。这个答案与此无关。我认为是的。因为您使用的插槽仅控制
    ok
    按钮的内容。所以这仍然会禁用按钮。但我不太明白的是你为什么要这么做。至少根据问题中的代码,没有任何东西需要您使用插槽,并且可以通过正常的道具来完成。