Element-ui學習筆記2


1.Button按鈕

<el-button>

type屬性可以修改按鈕主題 type='text'時為文字按鈕

plain,round,circle可以修改按鈕樣式,plain為朴素按鈕,round為圓角按鈕,circle為圓形按鈕

按鈕中可以可以直接插入icon='el-icon-xxx'進行圖標填充,如果圖標 要設置在文字右邊,可以在文字后插入i標簽添加自定義圖標

disabled屬性可以禁用按鈕,可以接受一個Boolean值

<el-button-group>

按鈕組,可以把button包裹在一起

按鈕顯示加載狀態

要設置為 loading 狀態,只要設置loading屬性為true即可

<el-button type="primary" :loading="true">加載中</el-button>

按鈕大小

<el-button>默認按鈕</el-button>

<el-button size="medium">中等按鈕</el-button>

<el-button size="small">小型按鈕</el-button>

<el-button size="mini">超小按鈕</el-button>

 

autofocus 屬性,是否默認聚焦,boolean值,默認為false

 

2.Link文字鏈接

<el-link href="https://element.eleme.io" target="_blank">默認鏈接</el-link>

<el-link type="primary">主要鏈接</el-link>

同樣有disabled屬性

下划線默認為true

<el-link :underline="false">無下划線</el-link>

<el-link>有下划線</el-link>

icon的添加同button一樣

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM