点此查看全部文字教程、视频教程、源代码

按钮是很常用的，Element的按钮功能还是比较全面的，本篇就来介绍下。

先看下各种按钮的效果图：

el-button按钮的分类基本是靠颜色区分的，另外还有一种文本按钮type="text"，文本按钮由于比较小，比较适合用于表格每行的操作栏部分。

Element提供了朴素按钮、圆角按钮、圆形按钮，需要注意的是圆形按钮一般只放一个图标进去，代码如下：

按钮状态其实就是HTML标准的功能，通过disabled实现禁用即可。

按钮分组很好用，像常见的分页按钮，分成一组的话更加好看，通过将按钮包裹起来，即可实现。

饿了提供了默认、中、小、很小四种尺寸，代码如下：

el-button提供的功能已经比较完善了，拿来即可即可。注意不推荐自己定义style来修改默认样式，容易导致外观不统一。