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

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) } } } ```

Last updated