# x-button 按钮

## Props

> 按钮文字可以用text属性也可以用直接用默认slot

| 参数       | 说明                          | 类型      | 默认值     |
| -------- | --------------------------- | ------- | ------- |
| type     | 可选，可选值为default,primary,warn | String  | default |
| disabled | 可选，是否disabled               | Boolean | false   |
| text     | 可选，按钮文字                     | String  | 无       |
| mini     | 可选，是否为小尺寸                   | Boolean | false   |
| plain    | 可选，是否为plain样式(没有背景色)        | Boolan  | false   |

## Slots

| 名字     | 说明   |
| ------ | ---- |
| 默认slot | 按钮文字 |

### 一般使用

\`\`\` vux components=XButton height=170

submitprimaryDelete \`\`\` ### 不可点击 \`\`\` vux components=XButton height=170submitprimaryDelete \`\`\` ### 直接用:text指定按钮文字 \`\`\` vux components=XButton height=50

&#x20;export default { data: { btnText: 'click me', isDisabled: false }, methods: { click: function () { const \_this = this this.isDisabled = true this.btnText = 'Processing' setTimeout(function () { \_this.btnText = 'Done' }, 2000) } } }  \`\`\`
