input-number
short description + sample image(png/gif/mp4)
Table of Contents
Introduction
一个简单的 input-number vue 组件,可以设置 min、max 属性,满足增减、输入等操作。
Features
- 可以设置 max、min 属性
- 可以点击增减按钮进行操作,不在范围内后,按钮置灰不可点击。
- 可以输入指定范围内的数字
Install
yarn
Usage
<template>
<div>
<input-number v-model='value' :max="10" :min="0"/>
</div>
</template>
<script>
import InputNumber from 'inputNumber'
export default {
name: 'test-input-number',
components: {
'input-number': InputNumber
},
data() {
return {
value: 2
}
}
}
</script>