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 | 按钮内容 |