# Button 按钮
按钮是一种命令组件,可发起一个即时操作。
# 属性对比(只显示有差异的)
| 参数 | WinDesign | Element-ui |
|---|---|---|
| size | 可选值: large / medium / small / mini | 可选值: medium / small / mini |
| type | 可选值: primary / success / warning / error / info / text | 可选值: primary / success / warning / danger / info / text |
| text-status |
# 代码演示
🎉 Features
V2.3.8 新增「小球弹跳」的加载动画。
# 💡 常见问题
为什么在 Button 按钮上使用 @click.stop 会报错?
在版本 V2.3.5 中增加了属性 native 用来解决此问题,或者使用 @click.native.stop。
# API
# Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
|---|---|---|---|---|---|
| native | 原生属性(用于@click.stop) | Boolean | — | false | V2.3.5 |
| autofocus | 是否默认聚焦 | Boolean | — | false | |
| circle | 是否圆形按钮 | Boolean | — | false | |
| disabled | 是否禁用状态 | Boolean | — | false | |
| 是否启用幽灵按钮(在 v2.0.0 被废弃) | Boolean | — | false | ||
| loading | 是否加载中状态 | Boolean | — | false | |
| icon | 图标类名 | String | — | — | |
| native-type | 原生 type 属性 | String | 'button' | 'submit' | 'reset' | 'button' | |
| plain | 是否朴素按钮 | Boolean | — | false | |
| round | 是否圆角按钮 | Boolean | — | false | |
| size | 尺寸 | String | 'large' | 'medium' | 'small' | 'mini' | 'medium' | |
| type | 类型 | String | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'text' | — | |
| text-status | 文字按钮类型 | String | 'primary' | 'success' | 'warning' | 'error' | 'info' | primary | V2.2.7 |
| loading-model | 加载中的新图标 | String | 'default' | 'ball' | default | V2.3.8 |
| loading-model-type | 加载中新图标类型 | String | 'primary' | 'default' | 'info' | primary | V2.3.8 |