Skip to content

按钮Button

该组件封装 Element Plus 的按钮,支持多种样式类型、尺寸及状态控制,并内置二次确认逻辑,适用于各类交互场景。

基础属性

属性名类型默认值说明
sizestring--按钮尺寸(可选值由平台通用尺寸选项决定)
typestring--按钮类型(可选值由平台通用类型选项决定)
plainboolean--是否为朴素按钮
textboolean--是否为文字按钮
linkboolean--是否为链接按钮
roundboolean--是否为圆角按钮
circleboolean--是否为圆形按钮
loadingboolean--是否加载中状态
disabledboolean--是否禁用状态
fullSizeboolean--是否尺寸自适应

高级属性

属性名类型默认值说明
labelstring按钮按钮文字 (可绑定)
showConfirmboolean--是否二次确认(可绑定)
confirmMsgstring--二次确认提示(仅当启用二次确认时显示)(可绑定)

组件事件

事件名说明
click按钮点击时触发(若启用二次确认,将在用户确认后执行)

注意事项

  • showConfirmtrue 时,点击按钮会弹出确认对话框,默认提示为“是否确认执行”,可通过 confirmMsg 自定义;
  • fullSize 属性启用时,按钮将自动撑满容器(width: 100%; height: 100%),适用于布局自适应场景;