本篇內(nèi)容主要講解“bootstrap-vue有什么作用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“bootstrap-vue有什么作用”吧!

公司主營業(yè)務(wù)：成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出白云免費(fèi)做網(wǎng)站回饋大家。

    Bootstrap-Vue是一個(gè)ui組件庫，遵循vue的組件化開發(fā)方式，使用Bootstrap樣式控制組件外觀，摒棄了對(duì)jquery的依賴。讓我們?cè)谑褂肰ue.js的同時(shí)依然能夠繼續(xù)享有bootstrap樣式的便利。

    1、Alerts（警告框）:主要的使用場(chǎng)景為，針對(duì)用戶的行為給出反饋。

    注意：

    應(yīng)該總是使用show屬性控制組件的可見性。

    給組件添加屬性dismissible可以顯示一個(gè)關(guān)閉按鈕，它應(yīng)該總是與dismissed事件一起使用，在dismissed事件中重置vm中控制alert顯示屬性的數(shù)據(jù)狀態(tài)

    可以通過variant屬性（primary,secondary,success,danger,warining,info）產(chǎn)生不同語義下的alert

    dismiss-count-down屬性接受一個(gè)函數(shù)，可以幫助我們實(shí)現(xiàn)定時(shí)自動(dòng)關(guān)閉的alert

    2、badge(徽章)：允許我們?yōu)槟承﹥?nèi)容添加補(bǔ)充信息。

    注意：

    徽章會(huì)依據(jù)直接父元素的字號(hào)調(diào)節(jié)本身的字號(hào)大小，它使用em單位。

    通過variant屬性可以定義徽章的語義樣式。（default,primary,success,warning,info,danger）

    添加pill屬性可以定義膠囊式的徽章（增強(qiáng)的圓角）

    通過href屬性可以為徽章添加行為（跳轉(zhuǎn)）

    如果需要圓形的徽章，參照css實(shí)現(xiàn)的圓形徽章

    3、Breadcrumb(面包屑)：展示當(dāng)前頁的導(dǎo)航路徑，告訴我們當(dāng)前所在位置

    注意：

    路徑的分隔符是通過指定偽元素::before的content屬性，由css自動(dòng)添加。

    items即路徑上的各導(dǎo)航項(xiàng)，通過一個(gè)對(duì)象數(shù)組指定?？梢越o一個(gè)對(duì)象指定active屬性，使其處于激活狀態(tài)

    如果沒有明確指定哪一項(xiàng)為激活狀態(tài)，則認(rèn)會(huì)為最后一項(xiàng)為默認(rèn)激活狀態(tài)。

    為導(dǎo)航項(xiàng)指定href或to屬性可以添加導(dǎo)航行為。

    4、Button：基本的控件元素，用于觸發(fā)行為。

    注意：

    通過variant屬性可以定義按鈕的語義樣式。（default,primary,success,warning,info,danger）

    通過size屬性定義按鈕的大?。╯m,lg）,不指定會(huì)有默認(rèn)的樣式。

    依然可以使用type屬性（submit，reset，button）。

    通過disabled添加禁用狀態(tài)。

    添加href或者to屬性會(huì)生成button樣式的a標(biāo)簽。

    添加pressed屬性控制按鈕是否處于已點(diǎn)擊的狀態(tài)。使用sync修飾符可以將按鈕的狀態(tài)與vm中的數(shù)據(jù)進(jìn)行同步。

到此，相信大家對(duì)“bootstrap-vue有什么作用”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)站題目：bootstrap-vue有什么作用
網(wǎng)站URL：http://aaarwkj.com/article38/ggpesp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、全網(wǎng)營銷推廣、網(wǎng)站營銷、定制開發(fā)、網(wǎng)站設(shè)計(jì)公司、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)