Button 按钮
基础用法
使用 type
、plain
、round
和 circle
来定义按钮的样式。
禁用状态
使用 disabled
属性来定义按钮是否被禁用。
图标按钮
使用 icon
属性来为按钮添加图标
按钮尺寸
使用 size
属性额外配置尺寸,可使用 small
和 large
两种值
加载状态按钮
通过设置 loading
属性为 true 来显示加载中状态
TIP
可以使用 loading 插槽自定义loading图标 ps: loading 插槽优先级高于loading属性
Button API
Button Attributes
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 按钮类型 | primary success warning danger info | -- |
plain | 是否为朴素按钮 | boolean | false |
round | 是否为圆角按钮 | boolean | false |
circle | 是否为圆形按钮 | boolean | false |
disabled | 按钮是否为禁用状态 | boolean | false |
icon | 图标组件 | string | -- |
size | 尺寸 | small default large | default |
loading | 是否为加载中状态 | boolean | false |
Button Slots
插槽名 | 说明 |
---|---|
default | 自定义默认内容 |
loading | 自定义加载中组件 |