bootstrap-vue 中 model 基础用法

 

Model

官方文档:  https://bootstrap-vue.js.org/docs/components/modal

1
2
3
4
5
<b-modal v-model="labelModalShow" @ok="labelOk" @hidden="labelCancel" ref="labelModalShow" title="标题"<br> ok-title="保存" cancel-title="关闭" :no-close-on-backdrop="closeBackdrop">
    <div class="modal-body">
    ...
    </div>
</b-modal>

 

说明:

@ok :点击确定触发的事件

@hidden:关闭 model 触发的事件 

ok-title="保存":确定按钮的 text

cancel-titile="关闭":关闭按钮的 text

:no-close-on-backdrop="布尔值":点击背景是否关闭 model

hide-footer:隐藏底部“确定、关闭”按钮

hide-header: 隐藏头部

hide-header-close:隐藏右上方 "x"

 

posted @   Jaye8584  阅读(3199)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示