按钮组件

Installation

Npm安装

$ npm install ht-button

Yarn安装

$ yarn add ht-button

main.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

针对删除按钮，当点击确定删除后的