vue的el-button
时间: 2023-10-30 15:07:22 浏览: 89
el-button是Element UI中的一个组件,用于创建按钮。它有以下几个属性:
1. type:按钮类型,可选值为primary、success、warning、danger和info,默认值为default。
2. size:按钮尺寸,可选值为medium、small和mini,默认值为medium。
3. icon:按钮图标,可以使用Element UI中的图标或自定义图标。
4. disabled:禁用按钮,可选值为true或false,默认值为false。
5. loading:加载状态,可选值为true或false,默认值为false。
6. plain:朴素按钮,可选值为true或false,默认值为false。
7. round:圆形按钮,可选值为true或false,默认值为false。
8. circle:圆角按钮,可选值为true或false,默认值为false。
9. autofocus:自动获取焦点,可选值为true或false,默认值为false。
使用示例:
```html
<template>
<div>
<el-button>默认按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="success">成功按钮</el-button>
<el-button type="warning">警告按钮</el-button>
<el-button type="danger">危险按钮</el-button>
<el-button type="info">信息按钮</el-button>
<el-button size="medium">中等按钮</el-button>
<el-button size="small">小按钮</el-button>
<el-button size="mini">迷你按钮</el-button>
<el-button icon="el-icon-search">搜索按钮</el-button>
<el-button disabled>禁用按钮</el-button>
<el-button loading>加载按钮</el-button>
<el-button plain>朴素按钮</el-button>
<el-button round>圆形按钮</el-button>
<el-button circle>圆角按钮</el-button>
<el-button autofocus>自动获取焦点按钮</el-button>
</div>
</template>
```
阅读全文