Button

按钮,提供几种基础样式和尺寸,可自定义图标。Demo

引入

import { Button } from 'vue-pmui';
// 全局使用
Vue.component(Button.name, Button);
// 或者
Vue.use(Button);

例子

改变颜色

<pm-button type="primary">primary</pm-button>
<pm-button type="success">success</pm-button>
<pm-button type="warning">warning</pm-button>
<pm-button type="danger">danger</pm-button>

改变大小

<pm-button size="small">small</pm-button>

长按钮

<pm-button type="primary" long>long</pm-button>

两边圆形

<pm-button type="primary" round>primary</pm-button>

禁用

<pm-button type="primary" disabled>disabled</pm-button>

绑定click事件

<pm-button type="primary" @click="clickHandler">click</pm-button>

Props

参数 说明 类型 可选值 默认值
type 按钮显示样式 String default/primary/success/warning/danger default
size 按钮大小 String small
long 是否长按钮(宽度100%) Boolean false
round 是否圆按钮 Boolean false
disabled 是否禁用状态 Boolean false

Slots

Name 描述
default 按钮内容

results matching ""

    No results matching ""