Button 按钮

用于触发操作的交互元素，支持多种样式变体和状态。

代码演示

按钮类型

DefaultPrimaryWarn

按钮类型

三种基础类型：default / primary / warn

<m-button type="default">Default</m-button>
<m-button type="primary" @click="handleClick">Primary</m-button>
<m-button type="warn">Warn</m-button>

尺寸与镂空

MiniPlainWarn Plain

尺寸与镂空

size 控制大小，plain 开启镂空样式

<m-button size="mini" type="primary">Mini</m-button>
<m-button plain type="primary">Plain</m-button>
<m-button plain type="warn">Warn Plain</m-button>

禁用与加载

DisabledLoading

禁用与加载状态

<m-button disabled>Disabled</m-button>
<m-button loading type="primary">Loading</m-button>

API

属性

属性	说明	类型	默认值
type	按钮样式类型	default | primary | warn	default
size	按钮尺寸	default | mini	default
plain	是否为镂空按钮	boolean	false
disabled	是否禁用	boolean	false
loading	是否显示加载状态	boolean	false
hover-class	按下时的样式类	string	button-hover
hover-start-time	按住后出现点击态的等待时间（ms）	number	20
hover-stay-time	松开后点击态保留时间（ms）	number	70
form-type	表单触发类型（需在 m-form 内）	submit | reset	-