Skip to content

Button 按钮

常用的操作按钮。

基础用法

基础的按钮用法。

朴素按钮

朴素按钮同样设置了不同的 type 属性对应的样式(可选值同上),默认为 info

圆角按钮

圆形按钮

禁用状态

按钮不可用状态。

文字按钮

没有边框和背景色的按钮。

不同尺寸

Button 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。

加载中

点击按钮后进行数据加载操作,在按钮上显示加载状态。

双击事件

按钮支持双击事件。

图标按钮

点击按钮后进行数据加载操作,在按钮上显示加载状态。

Button API

Button Attributes

属性名说明类型可选值默认值
size尺寸stringlarge / default / smalldefault
type类型stringprimary / success / warning / danger / info / textdefault
plain是否朴素按钮booleanfalse
round是否圆角按钮booleanfalse
circle是否圆形按钮booleanfalse
loading是否加载中状态booleanfalse
disabled是否禁用状态booleanfalse

Button Events

事件名说明回调参数
click点击事件event
dblclick双击事件event