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>
上传
<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
按钮的内容。所以这仍然会禁用按钮。但我不太明白的是你为什么要这么做。至少根据问题中的代码,没有任何东西需要您使用插槽,并且可以通过正常的道具来完成。