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一样

 

转载于:https://www.cnblogs.com/riko/p/11004023.html