bootstrap-vue有哪些
本文尝试对各个组件停止试用,为了尽量减少其他因素干扰,依然使用拜访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是啥的具体内容,更多请关注百分百源码网其它相关文章!