bootstrap-vue 中 model 基础用法

最新推荐文章于 2024-08-14 13:21:19 发布

weixin_34183910

最新推荐文章于 2024-08-14 13:21:19 发布

阅读量1.2k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangym118/p/10997395.html

版权

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"

转载于:https://www.cnblogs.com/zhangym118/p/10997395.html