Button 按钮
基础用法
使用 type、plain、round 和 circle 来定义按钮的样式。
禁用状态
使用 disabled 属性来定义按钮是否被禁用。
图标按钮
使用 icon 属性来为按钮添加图标
按钮尺寸
使用 size 属性额外配置尺寸,可使用 small 和 large 两种值
加载状态按钮
通过设置 loading 属性为 true 来显示加载中状态
TIP
可以使用 loading 插槽自定义loading图标 ps: loading 插槽优先级高于loading属性
Button API
Button Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 按钮类型 | primary success warning danger info | -- |
| plain | 是否为朴素按钮 | boolean | false |
| round | 是否为圆角按钮 | boolean | false |
| circle | 是否为圆形按钮 | boolean | false |
| disabled | 按钮是否为禁用状态 | boolean | false |
| icon | 图标组件 | string | -- |
| size | 尺寸 | small default large | default |
| loading | 是否为加载中状态 | boolean | false |
Button Slots
| 插槽名 | 说明 |
|---|---|
| default | 自定义默认内容 |
| loading | 自定义加载中组件 |