0.0.11 • Published 4 years ago
ht-button v0.0.11
按钮组件
Installation
Npm安装
$ npm install ht-buttonYarn安装
$ yarn add ht-buttonmain.js
import htbutton from 'ht-button'
Vue.use(htbutton);使用方法
按钮
<ht-button title="确定" type="success" size round></ht-button>返回按钮
<ht-button-back type="success" small></ht-button-back>编辑按钮
<ht-button-edit type="primary" small :id="111" path="redirect_route"></ht-button-edit>删除按钮
<ht-button-del type="danger" small></ht-button-del>Props
| 属性值 | 类型 | 默认值 | 备注 |
|---|---|---|---|
| title | String | 按钮标题 | |
| type | String (primary,success,warning,info,danger,light,dark) | primary | 按钮样式 |
| size | String (small,large,exsmall,extra-small) | 按钮大小 | |
| shadow | Bollean Number | false | 按钮阴影 |
| shadow | Bollean Number | false | 按钮阴影 |
| icon | String | 按钮图标 | |
| disabled | Bollean Number | false | 是否禁用按钮 |
| fullwidth | Bollean Number | false | 是否自动伸展宽度 |
| round | Bollean Number | false | 圆角处理 |
| small | Bollean Number | false | 是否是小按钮 |
| loading | Bollean Number | false | 是否显示loading图标 |
| id | Number | 编辑按钮,要编辑的目标id | |
| path | String | 编辑按钮,要跳转的编辑页面 |
Events
@ok
针对删除按钮，当点击确定删除后的