Skip to content

Button 按钮

基础用法

使用 typeplainroundcircle 来定义按钮的样式。

禁用状态

使用 disabled 属性来定义按钮是否被禁用。

图标按钮

使用 icon 属性来为按钮添加图标

按钮尺寸

使用 size 属性额外配置尺寸,可使用 smalllarge 两种值

加载状态按钮

通过设置 loading 属性为 true 来显示加载中状态

TIP

可以使用 loading 插槽自定义loading图标 ps: loading 插槽优先级高于loading属性

Button API

Button Attributes

属性名说明类型默认值
type按钮类型primary success warning danger info--
plain是否为朴素按钮booleanfalse
round是否为圆角按钮booleanfalse
circle是否为圆形按钮booleanfalse
disabled按钮是否为禁用状态booleanfalse
icon图标组件string--
size尺寸small default largedefault
loading是否为加载中状态booleanfalse

Button Slots

插槽名说明
default自定义默认内容
loading自定义加载中组件

基于 MIT 许可发布