1.0 KiB
1.0 KiB
| title | preview |
|---|---|
| Button 按钮 | https://didi.github.io/mand-mobile/examples/#/button |
按钮组件，可配置多种不同的按钮样式
引入
import { Button } from 'mand-mobile'
Vue.component(Button.name, Button)
代码演示
API
Button Props
| 属性 | 说明 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|
| type | 样式 | String | default |
default, primary, warning, disabled, link |
| native-type | 类型 | String | button |
- |
| size | 尺寸 | String | large |
large/small |
| plain | 朴素 | Boolean | false |
- |
| round | 圆角 | Boolean | false |
- |
| inline | 行内 | Boolean | false |
- |
| icon | 图标 | String | - | 可选值请参考组件Icon |
| icon-svg | 使用svg图标 | Boolean | false |
- |
| inactive | 未激活 | Boolean | false |
inactive设为true和disabled类型的按钮都无法点击，前者一般用于表单校验无效等主观因素，后者用于无权限或无库存等客观因素 |
| loading | 加载中状态 | Boolean | false |
- |
Button Events
@click(event)
按钮点击事件