百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> bootstrap-vue有哪些
分享文章到:

bootstrap-vue有哪些

发布时间:09/01 来源:未知 浏览: 关键词:
Bootstrap-Vue是一个ui组件库,遵照vue的组件化开发方式,使用Bootstrap样式操纵组件外不雅,摒弃了对jquery的依靠。让我们在使用Vue.js的同时仍然能够连续享有bootstrap样式的便当。

本文尝试对各个组件停止试用,为了尽量减少其他因素干扰,依然使用拜访cdn的方式。假如你喜爱使用模块化打包工具,如webpack,官网有具体的文档可供参照 。

1、Alerts(警告框): 主要的使用处景为,针对会员的行动给出反应。

留意:

应当总是使用show属性操纵组件的可见性。

给组件增加属性dismissible可以显示一个关闭按钮,它应当总是与dismissed事件一起使用,在dismissed事件中重置vm中操纵alert显示属性的数据状态

可以通过variant属性(primary,secondary,success,danger,warining,info)发生不一样语义下的alert

dismiss-count-down属性接受一个函数 ,可以帮忙我们实现按时主动关闭的alert

2、badge(徽章):同意我们为某些内容增加补充信息。

留意:

徽章会根据直接父元素的字号调理本身的字号大小,它使用em单位。

通过variant属性可以定义徽章的语义样式。(default, primary, success, warning, info,danger)

增加pill属性可以定义胶囊式的徽章(增强的圆角)

通过href属性可认为徽章增加行动(跳转)

假如需要圆形的徽章,参照css实现的圆形徽章

3、Breadcrumb(面包屑):展现当前页的导航途径,告诉我们当前所在位置

留意:

途径的分隔符是通过指定伪元素::before的content属性,由css主动增加。

items即途径上的各导航项,通过一个对象数组指定。可以给一个对象指定active属性,使其处于激活状态

假如没有明白指定哪一项为激活状态,则认会为最后一项为默许激活状态。

为导航项指定href或to属性可以增加导航行动。

4、Button:根本的控件元素,用于触发行动。

留意:

通过variant属性可以定义按钮的语义样式。(default, primary, success, warning, info,danger)

通过size属性定义按钮的大小(sm,lg),不指定会有默许的样式。

仍然可以使用type属性(submit,reset,button)。

通过disabled增加禁用状态。

增加href或者to属性会生成button样式的a标签。

增加pressed属性操纵按钮可否处于已点击的状态。使用sync润饰符可以将按钮的状态与vm中的数据停止同步。

以上就是bootstrap-vue是啥的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板