一、Button组件的常规用法
|--基础用法:<el-button></el-button>
|--四个属性:
|--type:定义按钮颜色类型:primary、success、info、warning、danger
|--plain:朴素按钮,默认状态比正常颜色浅。
|--round:圆角按钮
|--circle:圆形按钮
|--案例:


二、按钮的禁用状态(disabled属性控制)
|--用法:<el-button disabled="true/false"></el-button>
|--默认值:false


三、几种特殊的按钮
|--文字按钮(没有边框、背景色)
|--用法:type=“text”


|--图标按钮
|--优点:增强辨识度、节省空间(无文字)
|--用法:
|--<el-button icon="el-icon-search"></el-button>
|--<el-button >搜索<i class="el-icon-search el-icon--right"></i></el-button>
|--注意:el-icon-right和el-icon--right不同点是前者紧挨着文字,后者多一个小空格。
|--示例:


|--按钮组(常用于分页、几个同类操作按钮)


|--加载中
|--点击按钮后进行数据加载操作,按钮上显示加载状态。
|--用法:<el-button :loading="true">加载中</el-button>


四、按钮的大小控制
|--用法:<el-button size="medium/small/mini"></el-button>
|--三种尺寸:medium、small、mini

