element/packages/input-number/README.md

59 lines
1.4 KiB
Markdown
Raw Normal View History

2016-12-15 07:15:46 +00:00
## element-input-number
> A element-input-number component for Vue.js.
2016-07-27 06:15:02 +00:00
2016-12-15 07:15:46 +00:00
## Demo
http://element-component.github.io/element-input-number
2016-07-27 06:15:02 +00:00
2016-12-15 07:15:46 +00:00
## Installation
2016-07-27 06:15:02 +00:00
```shell
2016-12-15 07:15:46 +00:00
npm i element-input-number -D
2016-07-27 06:15:02 +00:00
```
2016-12-15 07:15:46 +00:00
## Usage
2016-07-27 06:15:02 +00:00
```javascript
import Vue from 'vue'
2016-12-15 07:15:46 +00:00
import ElInputNumber from 'element-input-number'
import 'element-theme-default/dist/input-number.css'
2016-07-27 06:15:02 +00:00
2016-12-15 07:15:46 +00:00
Vue.use(ElInputNumber)
2016-07-27 06:15:02 +00:00
```
or
```javascript
import Vue from 'vue'
2016-12-15 07:15:46 +00:00
import ElInputNumber from 'element-input-number'
2016-07-27 06:15:02 +00:00
2016-12-15 07:15:46 +00:00
Vue.component('el-input-number', ElInputNumber)
2016-07-27 06:15:02 +00:00
```
2016-12-15 07:15:46 +00:00
### Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|----------|-------------- |----------|-------------------------------- |-------- |
| value | 绑定值 | number | — | — |
| min | 设置计数器允许的最小值 | number | — | 0 |
| max | 设置计数器允许的最大值 | number | — | Infinity |
| step | 计数器步长 | number | — | 1 |
| size | 计数器尺寸 | string | large, small | — |
| disabled | 是否禁用计数器 | boolean | — | false |
| controls | 是否使用控制按钮 | boolean | — | true |
### Events
| 事件名称 | 说明 | 回调参数 |
|---------|--------|---------|
| change | 绑定值被改变时触发 | 最后变更的值 |
## Development
2016-07-27 06:15:02 +00:00
```shell
make dev
2016-12-15 07:15:46 +00:00
## test
2016-07-27 06:15:02 +00:00
make test
2016-12-15 07:15:46 +00:00
## build
2016-07-27 06:15:02 +00:00
make build
```
2016-12-15 07:15:46 +00:00
## License
2016-07-27 06:15:02 +00:00
[MIT](https://opensource.org/licenses/MIT)