bootstrap-vue是什么
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、p標簽是什么元素
- 喜歡(10)
- 不喜歡(1)















