Skip to content

Button 按钮

常用的操作按钮组件,支持多种类型和尺寸。

基础用法

vue
<template>
  <MButton>默认按钮</MButton>
  <MButton type="primary">主要按钮</MButton>
  <MButton type="danger">危险按钮</MButton>
  <MButton type="text">文字按钮</MButton>
</template>

按钮尺寸

vue
<template>
  <MButton size="small">小型</MButton>
  <MButton size="medium">中等</MButton>
  <MButton size="large">大型</MButton>
</template>

禁用状态

vue
<template>
  <MButton disabled>禁用</MButton>
  <MButton type="primary" disabled>禁用主要</MButton>
</template>

Props 属性

属性名类型默认值说明
type'primary' | 'default' | 'danger' | 'text''default'按钮类型
size'small' | 'medium' | 'large''medium'按钮尺寸
disabledbooleanfalse是否禁用

Events 事件

事件名参数说明
click(event: MouseEvent)点击按钮时触发

Slots 插槽

插槽名说明
default按钮内容

Released under the MIT License.