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"