icon: ''
tags:
  en:
    - button
    - form
  zh-CN:
    - 表单
    - 按钮
extra: |

 <p class="warning">
  按照`Vue`[文档](https://cn.vuejs.org/v2/guide/components.html#使用-v-on-绑定自定义事件)，在组件上绑定点击事件请使用`@click.native`。
 </p>

props:
  type:
    type: String
    default: default
    en: button style type, one of default, primary, warn
    zh-CN: 按钮类型，可选值为 `default,primary,warn`
  disabled:
    type: Boolean
    default: false
    en: if disable the button
    zh-CN: 是否不可点击
  text:
    type: String
    default: ''
    en: button text, has the same function as default slot
    zh-CN: 按钮文字，同默认slot
  mini:
    type: Boolean
    default: false
    en: if use smaller style
    zh-CN: 是否为mini类型，即小尺寸的按钮
  plain:
    type: Boolean
    default: false
    en: if use plain styles which has no backgroundColor
    zh-CN: 是否是plain样式，没有背景色
  action-type:
    en: button's type value, one of `submit`, `button`, `reset`
    zh-CN: '`button`的type属性，默认为浏览器默认(submit)，可选为 `submit` `button` `reset`'
  show-loading:
    type: Boolean
    default: false
    en: 'show loading icon'
    zh-CN: '显示加载图标'

slots:
  default:
    en: button text
    zh-CN: 按钮文字