bootstrap-vue 中 model 基础用法

 

Model

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

<b-modal v-model="labelModalShow" @ok="labelOk" @hidden="labelCancel" ref="labelModalShow" title="标题"
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 @ 2019-06-10 14:13  Jaye8584  阅读(3179)  评论(0编辑  收藏  举报