# 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 新增「小球弹跳」的加载动画。
# 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 |
| loading-model-size | 尺寸 | String | 'medium' | 'large' | medium | V2.4.28 |
| padding-less | 是否在按钮为文本类型时去掉按钮自身的上下边距 | Boolean | — | false | V2.4.15 |
| debounce | 是否开启防抖 | Boolean | — | false | V2.4.23 |
| debounce-time | 防抖事件 | Number | — | 1000 | V2.4.23 |
| tip | 是否开启提示文字 | String | — | - | V2.4.23 |
| tip-placement | 提示文字位置 | String | — | 参考 tooltip | V2.4.23 |
| long | 是否开启长按钮 | Boolean | — | false | V2.4.24 |
| disabled-opacity | 按钮禁用状态透明度 | Number | — | - | V2.4.29 |
| tight | 是否开启紧凑版（左右间距均为 8px） | Boolean | — | false | V2.4.32 |
# 常见问题
- 1、为什么在 Button 按钮上使用 @click.stop 会报错？
在版本 V2.3.5 中增加了属性 native 用来解决此问题，或者使用 @click.native.stop。