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